diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss index 0782aa0ad2..13dce351c7 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss +++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss @@ -1442,8 +1442,13 @@ button { } } -.dropdown-item:active { - background-color: $links; +.dropdown-item { + line-height: 1.2; + text-wrap: stable; + + &:active { + background-color: $links; + } } #koha_url { diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss index c0eb207a7c..ec567fee4b 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss +++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss @@ -438,6 +438,15 @@ } } + #loggedinuser-menu { + .divider-vertical { + display: inline; + border: 1px solid #EEE; + border-right-color: #FCF9FC; + margin: 5px 2px; + } + } + #didyoumean { margin: .5em 0; } @@ -458,6 +467,10 @@ } } + .dropdown-menu { + min-width: calc( var( --bs-dropdown-min-width ) + 4rem ); + } + a { &.menu-collapse-toggle { &:link, diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/_variables.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/_variables.scss index a13d77991c..7e86e1a566 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/css/src/_variables.scss +++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/_variables.scss @@ -1209,7 +1209,7 @@ $navbar-dark-brand-hover-color: $navbar-dark-active-color; // Dropdown menu container and contents. // scss-docs-start dropdown-variables -$dropdown-min-width: 10rem; +$dropdown-min-width: 12rem; // 10rem; $dropdown-padding-x: 0; $dropdown-padding-y: .5rem; $dropdown-spacer: .125rem; diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss index 5f182f644a..e00745fc32 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss +++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss @@ -368,11 +368,13 @@ th { } #loggedinuser-menu { - min-width: 300px; + line-height: 1.2; padding: .5em 1em; .divider-vertical { - margin: 5px 5px; + display: block; + border: none; + margin: 0; } } @@ -1103,7 +1105,10 @@ fieldset { a:hover, button { font-size: .9rem; - white-space: nowrap; + + &:not(.dropdown-item) { + white-space: nowrap; + } } label {