demarches-normaliennes/app/assets/stylesheets/01_common.scss

@import 'placeholders';

html,
body {
  min-height: 100vh;
  scroll-behavior: smooth;
}

// Forces line breaks to prevent buttons from overflowing their container
input[type='submit'] {
  white-space: normal;
}

.page-wrapper {
  position: relative;
  min-height: 100%;
}

// Wrap text in pre tag
pre {
  white-space: pre-wrap;
}

// Mobile Safari doesn't bubble mouse events by default, unless:
//
// - the target element of the event is a link or a form field.
// - the target element, or any of its ancestors up to but not including the <body>, has an explicit event handler set for any of the mouse events. This event handler may be an empty function.
// - the target element, or any of its ancestors up to and including the document has a cursor: pointer CSS declarations.
//
// (See https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html)
//
// This is a problem for us, because we bind a lot of click events as
// `document.on('click', '.my-element', …)` – which requires proper bubbling.
.ios .page-wrapper {
  cursor: pointer;
}

.container {
  @extend %container;
}

react-fragment {
  display: block;
}
-												fix(css): apply prettier

											
										
										
											2024-11-05 19:02:31 +01:00
+								@import 'placeholders';
-												refactor(scss): remove legacy reset + generic rules, refactor imports

											
										
										
											2022-10-05 13:59:38 +02:00
-												fix(css): body should expand to the whole page

											
										
										
											2022-11-16 11:49:43 +01:00
+								html,
 								body {
 								  min-height: 100vh;
-												add clickable summary in champ editor view for admin

											
										
										
											2024-01-04 16:20:27 +01:00
+								  scroll-behavior: smooth;
-												refactor(scss): remove legacy reset + generic rules, refactor imports

											
										
										
											2022-10-05 13:59:38 +02:00
+								}
-												Prevent buttons from overflowing their container

											
										
										
											2024-07-25 16:41:17 +02:00
+								// Forces line breaks to prevent buttons from overflowing their container
-												fix(css): apply prettier

											
										
										
											2024-11-05 19:02:31 +01:00
+								input[type='submit'] {
-												Prevent buttons from overflowing their container

											
										
										
											2024-07-25 16:41:17 +02:00
+								  white-space: normal;
 								}
-												refactor(scss): remove legacy reset + generic rules, refactor imports

											
										
										
											2022-10-05 13:59:38 +02:00
+								.page-wrapper {
 								  position: relative;
 								  min-height: 100%;
 								}
-												Force line breaks in pre

											
										
										
											2024-07-23 10:36:21 +02:00
+								// Wrap text in pre tag
 								pre {
 								  white-space: pre-wrap;
 								}
-												refactor(scss): remove legacy reset + generic rules, refactor imports

											
										
										
											2022-10-05 13:59:38 +02:00
+								// Mobile Safari doesn't bubble mouse events by default, unless:
 								//
 								// - the target element of the event is a link or a form field.
 								// - the target element, or any of its ancestors up to but not including the <body>, has an explicit event handler set for any of the mouse events. This event handler may be an empty function.
 								// - the target element, or any of its ancestors up to and including the document has a cursor: pointer CSS declarations.
 								//
 								// (See https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html)
 								//
 								// This is a problem for us, because we bind a lot of click events as
 								// `document.on('click', '.my-element', …)` – which requires proper bubbling.
 								.ios .page-wrapper {
 								  cursor: pointer;
 								}
 								.container {
 								  @extend %container;
 								}
-												chore(js): update coldwired and react

											
										
										
											2024-05-06 18:07:29 +02:00
 								react-fragment {
 								  display: block;
 								}