diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/_flatpickr.scss b/koha-tmpl/intranet-tmpl/prog/css/src/_flatpickr.scss index 5596befb48..58162e62cb 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/src/_flatpickr.scss +++ b/koha-tmpl/intranet-tmpl/prog/css/src/_flatpickr.scss @@ -949,7 +949,6 @@ span.flatpickr-weekday { input, .flatpickr-am-pm { - &:hover, &:focus { background: lighten($dayHoverBackground, 3); @@ -958,12 +957,12 @@ span.flatpickr-weekday { } .flatpickr-input { + background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23369' class='bi bi-calendar3' viewBox='0 0 32 32'%3E%3Cg stroke-width='1.333'%3E%3Cpath d='M25 4H7a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3ZM5.5 9.786c0-.71.672-1.286 1.5-1.286h18c.828 0 1.5.576 1.5 1.286v15.428c0 .71-.672 1.286-1.5 1.286H7c-.828 0-1.5-.576-1.5-1.286z'/%3E%3Cpath d='M13.75 14.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm4.5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm4.5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM9.25 19a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm4.5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm4.5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm4.5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm-13.5 4.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm4.5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm4.5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z'/%3E%3C/g%3E%3C/svg%3E" ); + background-position: 0; background-repeat: no-repeat; - background-position: 3px; - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23369' class='bi bi-calendar3'%3E%3Cg stroke-width='1.333'%3E%3Cpath d='M10.5 0h-9A1.5 1.5 0 0 0 0 1.5v9A1.5 1.5 0 0 0 1.5 12h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 10.5 0zM.75 2.893c0-.355.336-.643.75-.643h9c.414 0 .75.288.75.643v7.714c0 .355-.336.643-.75.643h-9c-.414 0-.75-.288-.75-.643z'/%3E%3Cpath d='M4.875 5.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zM2.625 7.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm-6.75 2.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5z'/%3E%3C/g%3E%3C/svg%3E"); border-style: inset; border-width: 1px; - padding: 3px 3px 3px 20px; + padding: 3px 3px 3px 25px; &.flatpickr-mobile { height: 2rem; diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/_forms.scss b/koha-tmpl/intranet-tmpl/prog/css/src/_forms.scss index ce631535ee..7e33197abe 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/src/_forms.scss +++ b/koha-tmpl/intranet-tmpl/prog/css/src/_forms.scss @@ -18,6 +18,93 @@ fieldset { padding: 0; } + &.fg { + .btn.btn-link { + padding: .175rem 0; + } + + .fg-checkbox { + grid-column-start: 2; + } + + .fg-row { + display: block; + margin-bottom: .7rem; + + label, + .label { + font-weight: bold; + } + } + + .fg-row input[type="text"], + .fg-row select { + background-color: #FFF; + border: 1px solid #AAAAAA; + border-radius: 4px; + color: #495057; + display: inline-block; + height: calc( 1.5em + .75rem + 2px ); + line-height: 1.5; + padding: .375rem .75rem; + width: 100%; + } + + .fg-row input[type="text"].flatpickr-input { + padding-left: calc( 1.5em + 10px ); + width: calc( 100% - 20px ); + } + + .fg-row input[type="checkbox"] { + margin: 0; + } + + .fg-label, + .fg-row .required { + margin: .3rem 0; + } + + .fg-text { + padding: .375rem .75rem; + } + + @media only screen and ( min-width: 608px ) { + .fg-row { + column-gap: .7rem; + display: grid; + grid-template-columns: 15% 50% 15%; + grid-template-rows: 1fr min-content; + + &.wide { + grid-template-columns: 15% 85%; + } + + input[type="text"].flatpickr-input { + padding-left: calc( 1.5em + 10px ); + width: calc( 100% - 20px ); + } + } + + .fg-label { + justify-self: right; + text-align: right; + } + } + + @media only screen and ( min-width: 1700px ) { + .fg-row { + grid-template-columns: 10% 35% 15%; + } + } + + .hint { + color: #666; + font-size: 95%; + grid-column-start: 2; + margin: .3rem 0; + } + } + &.rows { clear: left; float: left; 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 5a1fde57e0..c12bc4a805 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss +++ b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss @@ -3469,6 +3469,11 @@ a.browse-button { } } +.required { + color: $warning-text-color; + font-style: italic; +} + span { &.browse-button { color: #999; @@ -3490,8 +3495,6 @@ span { } &.required { - color: $warning-text-color; - font-style: italic; margin-left: .5em; } diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/admin/branches.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/admin/branches.tt index ca00b71693..4098f59c3d 100644 --- a/koha-tmpl/intranet-tmpl/prog/en/modules/admin/branches.tt +++ b/koha-tmpl/intranet-tmpl/prog/en/modules/admin/branches.tt @@ -125,104 +125,200 @@