Added mass actions for Material design in list view

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

diff --git a/app/Resources/static/themes/material/css/entries.scss b/app/Resources/static/themes/material/css/entries.scss
index b12ae799deb5a9eb993bd18e948c2a4c3acc0b4a..e22178a52128d26b9b9f3b08fb97128dceb718dd 100644 (file)
--- a/app/Resources/static/themes/material/css/entries.scss
+++ b/app/Resources/static/themes/material/css/entries.scss
@@ -2,6 +2,42 @@
  * Entries
  * ========================================================================== */
 
+.mass-buttons {
+  margin: 5px;
+
+  #selectAll {
+    position: relative;
+    opacity: initial;
+    left: 0;
+  }
+
+  span {
+    padding: 3px;
+  }
+
+  button {
+    i {
+      font-size: 12px;
+    }
+
+    height: 24px;
+    line-height: 24px;
+    padding: 0 0.5rem;
+  }
+}
+
+.card-stacked {
+  input[type=checkbox] {
+    position: relative;
+    opacity: initial;
+    left: 0;
+  }
+
+  .entry-checkbox {
+    margin-right: 10px;
+  }
+}
+
 .collection {
   margin: 15px 15px 0;
 
@@ -43,10 +79,12 @@
     padding: 0;
   }
 
+  span,
   a {
     padding: 0 10px;
     height: 30px;
     display: block;
+    line-height: 30px;
   }
 
   .disabled {
@@ -62,17 +100,8 @@
   }
 }
 
-.page-footer .footer-copyright {
-  min-width: 50px;
-  height: auto !important;
-  line-height: 1em !important;
-
-  p {
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-    display: block;
-  }
+.footer-text {
+  margin: 0.7rem 0.5rem;
 }
 
 .hidden {