From 5763d0222792a7816ee200de6fc3739bc7a56f93 Mon Sep 17 00:00:00 2001
From: Owen Leonard <oleonard@myacpl.org>
Date: Wed, 26 Oct 2022 18:29:23 +0000
Subject: [PATCH] Bug 37159: Updated tab style

To test, apply the patch and rebuild the staff interface CSS
(https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff_client).

Test plan
1) Confirm the styling change for top level tabs on patron details or catalog
   details pages.
2) Confirm the styling change is ok for a nested set of tabs (catalog
   holds page is a good example).

Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>

https://bugs.koha-community.org/show_bug.cgi?id=31759

Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
---
 .../prog/css/src/staff-global.scss            | 44 ++++++++++---------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
index 6a1fae5fe6..7e733d0e87 100644
--- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
+++ b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
@@ -693,11 +693,6 @@ ul {
         }
     }
 
-    &.nav-tabs {
-        border-bottom: 1px solid transparent;
-        padding: .2em 1.4em 0 1.4em;
-    }
-
     &.budget_hierarchy {
         margin-left: 0;
         padding-left: 0;
@@ -2826,11 +2821,11 @@ td.bundle {
 
 .toptabs {
     margin-top: 5px;
-    .ui-tabs-panel {
-        fieldset {
-            box-shadow: none;
-        }
-    }
+}
+
+fieldset > .toptabs {
+    background-color: #F3F4F4;
+    padding: 1em;
 }
 
 .authref {
@@ -3414,28 +3409,35 @@ code {
 
 .tab-content {
     background-color: #fff;
-    border: 2px solid $background-color-primary;
-    border-radius: 4px;
+    border: 0;
+    border-radius: 0;
     padding: 1em;
 }
 
 .nav-tabs {
+    border-bottom: 0;
+    padding: .2em 1.4em 0 0;
+
     > li {
+        margin-bottom: -2px;
+
         > a {
-            background-color: $background-color-secondary;
-            border-radius: 4px 4px 0 0;
-            border-color: $background-color-secondary;
-            color: #111;
+            background-color: $background-color-primary;
+            border: 2px solid $background-color-primary;
+            border-bottom: 0;
+            border-radius: 0;
+            color: #FFF;
+            font-weight: bold;
             line-height: 1.3;
             margin-right: .4em;
             padding: .5em 1em;
 
             &:hover, &:focus, &:active {
                 background-color: $background-color-primary;
-                border-color: $background-color-primary;
+                border: 2px solid $background-color-primary;
+                border-bottom: 0;
                 padding: .5em 1em;
                 text-decoration: none;
-                color: #FFFFFF;
             }
         }
 
@@ -3443,9 +3445,11 @@ code {
             a,
             a:hover,
             a:focus {
-                background-color: $background-color-primary;
-                color: #FFFFFF;
+                background-color: #FFF;
+                border: 2px solid #FFF;
+                color: #111;
                 cursor: default;
+                padding: .5em 1em;
             }
         }
     }
-- 
2.39.5