Add support for a flash message sidebar

2021-02-06 12:00:45 +01:00
parent 8b66c5a063
commit 9876e42fb7
4 changed files with 48 additions and 6 deletions
--- a/snikket_web/scss/app.scss
+++ b/snikket_web/scss/app.scss
@@ -33,13 +33,35 @@ body {

 main {
 	padding: $w-l1;
-	margin-left: auto;
-	max-width: 60rem;
-	margin-right: auto;
 }

 #mwrap {
 	flex: 1;
+	display: flex;
+	flex-direction: row-reverse;
+
+	> .filler, > .flashbox {
+		flex: 1 1 1rem;
+	}
+
+	> main {
+		flex: 0 1 60rem;
+	}
+}
+
+@media screen and (max-width: $large-screen-threshold) {
+	#mwrap {
+		display: block;
+
+		> main {
+			margin-left: auto;
+			margin-right: auto;
+		}
+	}
+}
+
+.flashbox > div.box > :first-child {
+	margin-top: 0;
 }

 /* top bar */