Sidebar sub entries not conditioned by hover anymore

[github/wallabag/wallabag.git] / app / Resources / static / themes / material / css / article.scss

diff --git a/app/Resources/static/themes/material/css/article.scss b/app/Resources/static/themes/material/css/article.scss
index dc12f857eeaca01b930a77e7757228ca610095fa..f1a11da085255f0b8300c26df5e849dc34881ccb 100644 (file)
--- a/app/Resources/static/themes/material/css/article.scss
+++ b/app/Resources/static/themes/material/css/article.scss
@@ -11,6 +11,7 @@
     color: #424242;
     font-size: 18px;
     line-height: 1.7em;
+    overflow-wrap: break-word;
 
     h1,
     h2,
@@ -103,31 +104,41 @@
 
   aside {
     .tools {
-      font-size: 0.8em;
       display: flex;
       flex-flow: row wrap;
 
-      li {
-        display: inline-flex;
-        vertical-align: middle;
-        margin: 0 5px;
+      .stats {
+        font-size: 0.8em;
+        margin: 8px 5px 5px;
+
+        li {
+          display: inline-flex;
+          vertical-align: middle;
+          margin: 3px 5px;
+
+          i.material-icons {
+            color: #3e3e3e;
+            margin-right: 3px;
+          }
+        }
+
+        a {
+          color: #000;
+          text-decoration: none;
+        }
       }
 
-      a {
-        color: #000;
-        text-decoration: none;
+      .tags {
+        float: right;
+        margin: 5px 15px 10px;
       }
     }
 
-    #list {
-      float: right;
-      margin: -5px 15px auto;
-    }
-
     .chip {
       background-color: $blueAccentColor;
       padding: 0 15px 0 10px;
       margin: auto 2px;
+      border-radius: 6px;
 
       a,
       i {
@@ -161,18 +172,18 @@
   &:hover {
     width: 260px !important;
 
-    .collapsible-body {
-      height: auto;
-
-      li a i.material-icons {
-        margin: auto 5px auto 0;
-      }
-    }
-
     span {
       opacity: 1;
     }
   }
+
+  .collapsible-body {
+    height: auto;
+
+    li a i.material-icons {
+      margin: auto 5px auto -8px;
+    }
+  }
 }
 
 .progress {