From 5763d0222792a7816ee200de6fc3739bc7a56f93 Mon Sep 17 00:00:00 2001 From: Owen Leonard 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 https://bugs.koha-community.org/show_bug.cgi?id=31759 Signed-off-by: Katrin Fischer Signed-off-by: Tomas Cohen Arazi --- .../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