grenoble-metropole-2019: fix mobile limit declaration (#40132 )

grenoble-metropole-2019: use flexbox to align forms categories in columns (#40132 )
toodego: restore for good padding/alignments of navigation
2020-02-24 18:23:32 +01:00 · 2020-02-24 18:13:31 +01:00 · 2020-02-17 15:28:37 +01:00 · 2020-02-14 17:16:11 +01:00 · 2020-02-14 13:24:03 +01:00 · 2020-02-14 13:03:39 +01:00
5 changed files with 24 additions and 18 deletions
--- a/static/grenoble-metropole-2019/_custom.scss
+++ b/static/grenoble-metropole-2019/_custom.scss
@ -212,16 +212,9 @@ img#hautDePage {
 		div.left {
 			width: 65%;
 			div.categories {
-				clear: both;
-				column-count: 2;
-				-moz-column-count: 2;
-				-webkit-column-count: 2;
-				column-gap: 1.35em;
-				@media screen and (max-width: $mobile-limit) {
-					column-count: 1;
-					-moz-column-count: 1;
-					-webkit-column-count: 1;
-				}
+				display: flex;
+				flex-wrap: wrap;
+				justify-content: space-between;
 			}
 		}
 		div.right, div.left {
@ -238,14 +231,11 @@ img#hautDePage {
 		}
 	}
 	div.wcsformsofcategorycell {
-		page-break-inside: avoid;
-		-webkit-column-break-inside: avoid;
-		break-inside: avoid;
-		break-inside: avoid-column;
-		position: relative;
-		display: inline-block;
-		width: 100%;
+		flex: 0 0 calc(50% - 0.5rem);
 		margin: 0.3ex 0 1.35ex 0;
+		@media screen and ($mobile-limit) {
+			flex: 0 0 100%;
+		}
 		h2:first-child {
 			margin-bottom: 0;
 		}
--- a/static/montpellier/_custom.scss
+++ b/static/montpellier/_custom.scss
@ -1,5 +1,13 @@
 /* general stuff */

+div.a2-continue,
+div#services > ul > li,
+div.a2-block,
+.gru-content div.cell,
+div.block {
+	overflow: visible;
+}
+
 a {
 	transition: color 200ms ease-out;
 }
--- a/static/quimper/_custom.scss
+++ b/static/quimper/_custom.scss
@ -7,6 +7,14 @@ $remote-font-path: 'https://perso.entrouvert.org/~fred/quimper/';
 		url('#{$remote-font-path}/geometric_231_heavy_bt-webfont.ttf') format('truetype');
 }

+div.a2-continue,
+div#services > ul > li,
+div.a2-block,
+.gru-content div.cell,
+div.block {
+	overflow: visible;
+}
+
 button::-moz-focus-inner {
 	border: 0;
 }
--- a/static/quimper/_vars.scss
+++ b/static/quimper/_vars.scss
@ -9,6 +9,7 @@ $mauve: #3c4393;
 $altgreen: #16c4b3;

 $border-radius: 3px;
+$cell-border-radius: 0;
 $font-family: Roboto, sans-serif;
 $primary-color: $green;
 $mobile-limit: 800px;
--- a/static/toodego/_custom.scss
+++ b/static/toodego/_custom.scss
@ -824,7 +824,6 @@ div.wcs-tracking-code-input {

@media screen and (min-width: $desktop-limit) {
 	#nav ul li a {
-		padding: 0px 20px;
 		line-height: 3em;
 	}
 	.authenticated-user #nav ul li.menu-mon-compte {
Author	SHA1	Message	Date
Serghei Mihai	80e590d5e3	grenoble-metropole-2019: fix mobile limit declaration (#40132 ) gitea-wip/publik-base-theme/pipeline/head There was a failure building this commit Details gitea/publik-base-theme/pipeline/head Something is wrong with the build of this commit Details	2020-02-24 18:23:32 +01:00
Serghei Mihai	5e5e6ca250	grenoble-metropole-2019: use flexbox to align forms categories in columns (#40132 )	2020-02-24 18:13:31 +01:00
Frédéric Péters	594d1c4306	toodego: restore for good padding/alignments of navigation	2020-02-17 15:28:37 +01:00
Frédéric Péters	bc9b4ae0bf	montpellier: allow overflows	2020-02-14 17:16:11 +01:00
Frédéric Péters	1aa9e04ef8	quimper: work around ineffective cell-border-radius condition	2020-02-14 13:24:03 +01:00
Frédéric Péters	7b9d26f121	quimper: force square borders (#39862 ) (broken by #39158)	2020-02-14 13:03:39 +01:00