Improve CSS layout (sidebar)

2017-11-23 11:21:46 -08:00 · 2017-11-23 11:21:46 -08:00 · 7eb7ba7e79
parent 5045c6d8de
commit 7eb7ba7e79
3 changed files with 7 additions and 2 deletions
--- a/assets/css/app.min.css
+++ b/assets/css/app.min.css
--- a/assets/sass/_markdown_rendering.sass
+++ b/assets/sass/_markdown_rendering.sass
@ -20,6 +20,7 @@
    border-radius: 5px
    border: 1px solid #ddd
    overflow: auto
+    overflow-wrap: initial
    color: color('medium')
  blockquote
    font-style: italic
--- a/assets/sass/_sidebar.sass
+++ b/assets/sass/_sidebar.sass
@ -12,13 +12,17 @@
 .sidebar-content
  padding-left: 10px
  flex: 1 100%
+  max-width: 85%
+  overflow-wrap: break-word

  @include sm-device
    padding-left: 0
    order: 1
+    max-width: 100%

 .sidebar
-  width: 250px
+  width: 25%
+  max-width: 250px

  @include sm-device
    flex: 1 auto