GUI for filter by creation date #1343

[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 9650a12b4d8fae4bd780465a1ca7ff2fb5562bc1..a3cbe651814d00b2bcaca3f6c17b19a26a27b7fd 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
@@ -48,6 +48,16 @@ nav, main, footer {
     margin-bottom: 0;
 }
 
+.pagination li {
+    padding: 0;
+}
+
+.pagination a {
+    padding: 0px 10px;
+    height: 30px;
+    display: block;
+}
+
 .page-footer .footer-copyright p {
     display: inline;
 }
@@ -100,14 +110,14 @@ nav input {
     white-space: nowrap;
 }
 
-.input-field input {
+.nav-panels .input-field input {
     display: block;
     line-height: inherit;
     padding-left: 4rem !important;
     width: calc(100% - 8rem);
 }
 
-.input-field input:focus {
+.nav-panels .input-field input:focus {
     background-color: #fff;
     border: 0;
     box-shadow: none;
@@ -128,6 +138,10 @@ nav input {
     transition: .3s color;
 }
 
+#button_filters {
+    display: none;
+}
+
 /* ==========================================================================
    2 = Side-nav
    ========================================================================== */
@@ -164,6 +178,20 @@ nav input {
     margin: 0px 1rem;
 }
 
+/* ==========================================================================
+ * 3 = Filters slider
+ * ========================================================================== */
+
+#filters button {
+    padding: 0px;
+    width: 100%;
+}
+
+.side-nav.fixed.right-aligned {
+    right: -250px;
+    left: auto !important;
+}
+
 /* ==========================================================================
    3 = Cards
    ========================================================================== */
@@ -232,6 +260,15 @@ main ul.row {
     width: 240px !important;
 }
 
+.reader-mode .collapsible-body {
+    height: 0;
+    overflow: hidden;
+}
+
+.reader-mode:hover .collapsible-body {
+    height: auto;
+}
+
 .reader-mode span {
     opacity: 0;
     transition: opacity 0.2s ease;
@@ -241,6 +278,14 @@ main ul.row {
     opacity: 1;
 }
 
+.progress {
+    position:fixed;
+    top:0px;
+    width: 100%;
+    height: 3px;
+    margin: 0;
+    z-index: 9999;
+}
 /* ==========================================================================
    6 = Media queries
    ========================================================================== */