From 0e8894161852a7ae615c1c76425d75f2f8ddbf80 Mon Sep 17 00:00:00 2001 From: Julian Maurice Date: Wed, 28 Sep 2022 16:38:25 +0200 Subject: [PATCH] Bug 30952: Fix style of datatables buttons when not inside a .pager --- .../intranet-tmpl/prog/css/src/_tables.scss | 101 +++++++++--------- 1 file changed, 51 insertions(+), 50 deletions(-) diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/_tables.scss b/koha-tmpl/intranet-tmpl/prog/css/src/_tables.scss index 3c6c1636d9..73c68dcf54 100644 --- 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 { -- 2.30.2