diff options
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 35 |
1 files changed, 22 insertions, 13 deletions
@@ -294,23 +294,28 @@ body.inprogress { -webkit-user-select: text; -moz-user-select: text; user-select: text; - --modal-info-padding-x: .5rem; + --bs-modal-header-padding: 1rem; + --modal-info-padding-x: var(--bs-modal-header-padding); + --modal-info-padding-y: .5rem; --modal-info-bg-light: rgba(0, 0, 0, .08); } +#modal-info .modal-header { + padding: var(--modal-info-padding-y) var(--modal-info-padding-x); +} #modal-info .list-group-item, #modal-info { --bs-list-group-border-width: 1px; } -#modal-info .accordion { +#info-accordion { --bs-accordion-active-bg: var(--bs-accordion-bg); --bs-accordion-active-color: var(--bs-body-color); - --bs-accordion-btn-padding-x: .5rem; + --bs-accordion-btn-padding-x: 0; --bs-accordion-btn-padding-y: .025rem; --bs-accordion-btn-focus-box-shadow: none; - --bs-accordion-body-padding-x: var(--modal-info-padding-x); + --bs-accordion-body-padding-x: 0; --bs-accordion-body-padding-y: 0; --bs-accordion-btn-active-bg: var(--modal-info-bg-light); - margin: 0 calc(var(--bs-accordion-btn-padding-x)*-1); + padding: 0 var(--modal-info-padding-x); } #modal-info .accordion-item { border: none; @@ -322,14 +327,20 @@ body.inprogress { background-color: var(--bs-accordion-btn-active-bg); } #modal-info ul.list-group > li.list-group-item { - padding: .3rem var(--modal-info-padding-x); - margin: 0 calc(var(--modal-info-padding-x)*-1); + padding: .3rem 0; border: none; } +#modal-info ul.list-group > li.list-group-item:last-child { + padding-bottom: var(--modal-info-padding-y); +} +#info-body > ul.list-group { + margin-top: var(--modal-info-padding-y); + border-top: var(--bs-list-group-border-width) solid var(--modal-info-bg-light); + padding: 0 var(--modal-info-padding-x); +} #modal-info ul.list-group > li.list-group-item:not(:first-child) { border-top: var(--bs-list-group-border-width) solid var(--modal-info-bg-light); } -#info-body > ul.list-group > li.list-group-item:last-child, #info-accordion > .accordion-item:not(:last-child) ul.list-group > li.list-group-item:last-child { border-bottom: var(--bs-list-group-border-width) solid var(--modal-info-bg-light); } @@ -337,8 +348,7 @@ body.inprogress { background-color: rgb(from var(--modal-info-bg-light) r g b / calc(alpha*.4)); } #info-body { - padding-top: 0; - padding-bottom: 0; + padding: var(--modal-info-padding-y) 0; } #info-body > ul.list-group > li.list-group-item p, #modal-info .accordion-body ul.list-group > li.list-group-item p { @@ -358,10 +368,9 @@ body.inprogress { text-decoration: underline; } #modal-info .modal-body .info-credits { - margin: 0 calc(var(--modal-info-padding-x)*-1); - padding: .3rem var(--modal-info-padding-x); - margin-top: .3rem; border-top: var(--bs-list-group-border-width) solid var(--modal-info-bg-light); + padding: var(--modal-info-padding-y) var(--modal-info-padding-x) 0 var(--modal-info-padding-x); + margin: 0; } .ol-overlaycontainer-stopevent .modal-backdrop.show { |