Merge pull request #2330 from pmichelazzo/master

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

diff --git a/src/Wallabag/CoreBundle/Resources/public/themes/material/css/main.css b/src/Wallabag/CoreBundle/Resources/public/themes/material/css/main.css
index 87bcfe65bbb723ab9d5b1f47b013563717bdd79a..9d9ebe121313680dc6cb32b4f2a72909f27282f1 100755 (executable)
--- a/src/Wallabag/CoreBundle/Resources/public/themes/material/css/main.css
+++ b/src/Wallabag/CoreBundle/Resources/public/themes/material/css/main.css
@@ -52,20 +52,7 @@ body {
 
 body.login main {
     padding: 0;
-}
-
-#warning_message {
-    position: fixed;
-    background-color: #ff6347;
-    z-index: 1000;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    color: #000;
-}
-
-#warning_message a {
-    color: #555;
+    min-height: 100vh;
 }
 
 .border-bottom {
@@ -94,6 +81,14 @@ main, #content, .valign-wrapper {
     margin-bottom: 0;
 }
 
+.pagination {
+    float: right;
+}
+
+.pagination ul {
+    margin: 0 !important;
+}
+
 .pagination li {
     padding: 0;
 }
@@ -104,6 +99,18 @@ main, #content, .valign-wrapper {
     display: block;
 }
 
+.pagination li.active span {
+    padding: 0px 10px;
+    height: 30px;
+    display: block;
+    color: #fff;
+}
+
+.pagination .disabled {
+    margin-right: 10px;
+    margin-left: 10px;
+}
+
 .page-footer .footer-copyright p {
     display: inline;
 }
@@ -149,10 +156,6 @@ nav input {
     max-height: 64px;
 }
 
-.nav-panel-buttom {
-    float: right;
-}
-
 .nav-panels {
     transition: background 0.2s ease;
 }
@@ -204,6 +207,10 @@ nav input {
     display: none;
 }
 
+.input-field.nav-panel-add, .input-field.nav-panel-add form {
+    height: 100%;
+}
+
 /* ==========================================================================
    2 = Side-nav
    ========================================================================== */
@@ -283,6 +290,12 @@ main ul.row {
 
 .card .card-content .card-title {
     line-height: 32px;
+    max-height: 64px;
+    display: block;
+}
+
+.card .card-content i.right, .card .card-reveal i.right {
+    margin-left: 0;
 }
 
 .card .card-content .estimatedTime {
@@ -343,6 +356,12 @@ main ul.row {
     max-width: 40em;
 }
 
+#article img,
+#article figure {
+    max-width: 100%;
+    height: auto;
+}
+
 .reader-mode {
     width: 95px !important;
     transition: width 0.2s ease;
@@ -419,8 +438,28 @@ main ul.row {
     .reader-mode span {
         opacity: 1;
     }
+
+    .tabs {
+        display: inline-block;
+        height: auto;
+    }
+    .tab {
+        min-width: 100%;
+    }
+    .indicator {
+        display: none;
+    }
+    .pagination li.prev, .pagination li.next {
+        width: auto;
+    }
   }
 
+@media only screen and (min-width : 400px) {
+    .nav-panel-buttom {
+        float: right;
+    }
+}
+
 @media only screen and (min-width : 993px) and (max-width : 1180px) {
     .row .col.l1 {
     width: 25%;