Bug 30952: Fix style of datatables buttons when not inside a .pager

Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
Signed-off-by: Owen Leonard <oleonard@myacpl.org>
Signed-off-by: Nick Clemens <nick@bywatersolutions.com>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>

diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/_tables.scss b/koha-tmpl/intranet-tmpl/prog/css/src/_tables.scss
index 3c6c163..73c68dc 100644 (file)
--- a/koha-tmpl/intranet-tmpl/prog/css/src/_tables.scss
+++ b/koha-tmpl/intranet-tmpl/prog/css/src/_tables.scss
@@ -502,72 +502,73 @@ tbody {
         }
     }
 
-    button,
-    div,
-    a {
-        &.dt-button {
-            background: transparent none;
-            border: 0;
-            color: #696969;
-            font-size: 1em;
-            line-height: 1.7em;
-            margin: 0 3px 0 0;
-            padding: 0 .5em;
-            position: relative;
-
-            &::before {
-                content: '';
-            }
 
-            &.disabled {
-                color: #999;
-                cursor: default;
+    input {
+        &[type="search"] {
+            border: 1px solid #CCC;
+        }
+    }
 
-                span {
-                    background-color: transparent;
-                }
-            }
+    &:empty {
+        border: 0;
+        padding: 0;
+    }
+} /* /.pager */
 
-            &:active,
-            &:focus {
-                background: transparent none;
-                border: 0;
-                box-shadow: none;
-                text-shadow: none;
+button,
+div,
+a {
+    &.dt-button {
+        background: transparent none;
+        border: 0;
+        color: #696969;
+        font-size: 1em;
+        line-height: 1.7em;
+        margin: 0 3px 0 0;
+        padding: 0 .5em;
+        position: relative;
 
-                &:not(.disabled):hover:not(.disabled) {
-                    background: transparent none;
-                    box-shadow: none;
-                }
-            }
+        &::before {
+            content: '';
+        }
 
-            &:hover {
-                background: transparent none;
-                border: 0;
+        &.disabled {
+            color: #999;
+            cursor: default;
 
-                &:not(.disabled) {
-                    background: transparent none;
-                }
+            span {
+                background-color: transparent;
             }
+        }
 
-            &.active:not(.disabled):hover:not(.disabled) {
+        &:active,
+        &:focus {
+            background: transparent none;
+            border: 0;
+            box-shadow: none;
+            text-shadow: none;
+
+            &:not(.disabled):hover:not(.disabled) {
                 background: transparent none;
                 box-shadow: none;
             }
         }
-    }
 
-    input {
-        &[type="search"] {
-            border: 1px solid #CCC;
+        &:hover {
+            background: transparent none;
+
+            &:not(.disabled) {
+                border: none;
+                background: transparent none;
+            }
         }
-    }
 
-    &:empty {
-        border: 0;
-        padding: 0;
+        &.active:not(.disabled):hover:not(.disabled) {
+            background: transparent none;
+            box-shadow: none;
+        }
     }
-} /* /.pager */
+}
 
 .toptabs {
     .pager {