@@ -, +, @@ them - In the OPAC, test various green buttons in varous states: default, hover, and active (the appearance when the button is clicked but before the mouse button is released). - The button should be styled in various shades of green in all cases. - Test a disabled button by performing a catalog search. - On the results page, before any checkboxes are checked, the "Save" button should look correct. --- .../opac-tmpl/bootstrap/css/src/_common.scss | 42 +++++++++++++++++-- .../opac-tmpl/bootstrap/css/src/opac.scss | 2 - 2 files changed, 38 insertions(+), 6 deletions(-) --- a/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss +++ a/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss @@ -203,6 +203,44 @@ caption { &:focus { box-shadow: 0 0 0 2px lighten($base-theme-color, 10%); } + + &.disabled, + &:disabled { + background-color: lighten($base-theme-color, 5%); + border-color: lighten($base-theme-color, 5%); + box-shadow: none; + color: #fff; + cursor: not-allowed; + &:hover, + &.hover { + background-color: lighten($base-theme-color, 5%); + border-color: lighten($base-theme-color, 5%); + box-shadow: none; + color: #fff; + cursor: not-allowed; + } + } + + &:not(:disabled):not(.disabled):active:focus,& + &:not(:disabled):not(.disabled).active:focus { + box-shadow: 0 0 0 0.2rem lighten($base-theme-color, 10%); + } + + &:not(:disabled):not(.disabled).active, + &:not(:disabled):not(.disabled):active, + &:not(:disabled):not(.disabled):focus, + &:not(:disabled):not(.disabled).focus { + background-color: lighten($base-theme-color, 5%); + border-color: lighten($base-theme-color, 10%); + } +} + +.show > .btn-primary.dropdown-toggle { + background-color: lighten($base-theme-color, 5%); + border-color: lighten($base-theme-color, 10%); + &:focus { + box-shadow: 0 0 0 0.2rem lighten($base-theme-color, 10%); + } } .btn-danger { @@ -948,15 +986,11 @@ button { .btn.disabled, .btn[disabled] { &:hover { - color: #333; - filter: alpha(opacity=65); opacity: 0.65; } i { &.fa, &.fa:hover { - color: #333; - filter: alpha(opacity=65); opacity: 0.65; } } --- a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss +++ a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss @@ -500,14 +500,12 @@ th { &.disabled, &[disabled] { color: #333; - filter: alpha(opacity=65); opacity: 0.65; &:hover { i { &.fa { color: #333; - filter: alpha(opacity=65); opacity: 0.65; } } --