fix #1314: change max-width in material theme

[github/wallabag/wallabag.git] / src / Wallabag / CoreBundle / Resources / views / themes / material / public / css / main.css

diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
index 49549edca1dc74c66fde440ea1d91dff4afd6d4a..bf7e667ec1b940e2e443eea04a02716c4eabb7e3 100755 (executable)
--- a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
+++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
@@ -69,7 +69,7 @@ nav, main, footer {
 }
 
 .nav-panels {
-    overflov: hidden;
+    overflow: hidden;
 }
 
 .nav-panel-buttom li {
@@ -80,6 +80,22 @@ nav, main, footer {
     float: right;
 }
 
+.nav-panels {
+    transition: background 0.2s ease;
+}
+
+.nav-panel-add .mdi-content-add,
+.nav-panel-search .mdi-action-search,
+.nav-panels .mdi-navigation-close {
+    color: #444 !important;
+}
+
+.nav-panels .action {
+    padding-left: 0.75rem;
+    font-size: 2.1rem;
+    white-space: nowrap;
+}
+
 /* ==========================================================================
    2 = Side-nav
    ========================================================================== */
@@ -128,8 +144,9 @@ main ul.row {
     padding: 0px 0.75rem;
 }
 
-main .card .card-content {
-    min-height: 25em;
+.data .card .card-content {
+    height: 22em;
+    overflow: hidden;
 }
 
 .card .card-content .card-title {
@@ -158,6 +175,12 @@ main .card .card-content {
     padding-bottom: 15px;
 }
 
+.card.sw {
+    max-width: 370px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
 /* ==========================================================================
    4 = Article
    ========================================================================== */
@@ -165,7 +188,7 @@ main .card .card-content {
 #article {
     font-size: 20px;
     margin: 0px auto;
-    max-width: 30em;
+    max-width: 40em;
 }
 
 .reader-mode {
@@ -194,6 +217,18 @@ main .card .card-content {
     header, main, footer {
       padding-left: 0;
     }
+    nav, main, footer {
+        padding-left: 0;
+    }
+    .pagination {
+        width: auto;
+    }
+    .reader-mode {
+        width: 240px !important;
+    }
+    .reader-mode span {
+        opacity: 1;
+    }
   }
 
 @media only screen and (min-width : 993px) and (max-width : 1180px) {
@@ -229,17 +264,8 @@ main .card .card-content {
     margin-left: 0; }
 }
 
-@media only screen and (max-width : 993px) {
-    nav, main, footer {
-        padding-left: 0;
-    }
-    .pagination {
-        width: auto;
-    }
-}
-
 @media only screen and (max-width : 350px) {
     .nb-results {
         display: none;
     }
-}
\ No newline at end of file
+}