aboutsummaryrefslogtreecommitdiffstats
path: root/app/assets/stylesheets/hmno_sidebars.scss
diff options
context:
space:
mode:
authorHarald Eilertsen <haraldei@anduin.net>2019-05-01 21:11:53 +0200
committerHarald Eilertsen <haraldei@anduin.net>2019-05-01 21:11:53 +0200
commit751b112b7ab1766aa08d3422ecd1924354b9cd59 (patch)
tree5982c8cc5fe861209d8e7baf9ca6e39b48dc9e89 /app/assets/stylesheets/hmno_sidebars.scss
parenta7a2fc57cf458fee98bad03b3c2a40b6e8d75606 (diff)
downloadhmnoweb-751b112b7ab1766aa08d3422ecd1924354b9cd59.tar.gz
hmnoweb-751b112b7ab1766aa08d3422ecd1924354b9cd59.tar.bz2
hmnoweb-751b112b7ab1766aa08d3422ecd1924354b9cd59.zip
Move towards flexbox layout.
Main page and header now use flexbox instead of not quite working floats and position relative/absolute. This really simplifies things. Perhaps we'll even be able to make a mobile friendly site some day. Various other cosmetic tweaks have snuch in too. The page now has a max size of about 25cm, and some other minor tweaks.
Diffstat (limited to 'app/assets/stylesheets/hmno_sidebars.scss')
-rw-r--r--app/assets/stylesheets/hmno_sidebars.scss8
1 files changed, 2 insertions, 6 deletions
diff --git a/app/assets/stylesheets/hmno_sidebars.scss b/app/assets/stylesheets/hmno_sidebars.scss
index c196ac2..dbc68ab 100644
--- a/app/assets/stylesheets/hmno_sidebars.scss
+++ b/app/assets/stylesheets/hmno_sidebars.scss
@@ -27,13 +27,9 @@
}
#left_sidebar, #right_sidebar {
- position: absolute;
width: 200px;
- top: 0;
- bottom: $spacing;
border: 1px groove $dark-border-fg;
background-color: $bg2;
- overflow: auto;
h2 {
@include sidebar-headers;
}
@@ -57,11 +53,11 @@
}
#left_sidebar {
- left: $spacing;
+ margin-right: $spacing;
}
#right_sidebar {
- right: $spacing;
+ margin-left: $spacing;
}
.sidebar_module {