Fix overlap issues in weather and dns-stats widgets

This commit is contained in:
Svilen Markov 2024-12-11 18:38:09 +00:00
parent 9a36187333
commit ef24680baf

View File

@ -514,6 +514,7 @@ kbd:active {
list-style: none; list-style: none;
position: relative; position: relative;
display: flex; display: flex;
z-index: 1;
} }
.details[open] .summary { .details[open] .summary {
@ -535,6 +536,10 @@ kbd:active {
opacity: 1; opacity: 1;
} }
.details:not([open]) .list-with-transition {
display: none;
}
.summary::after { .summary::after {
content: "◀"; content: "◀";
font-size: 1.2em; font-size: 1.2em;
@ -707,6 +712,7 @@ details[open] .summary::after {
justify-content: space-between; justify-content: space-between;
position: relative; position: relative;
margin-bottom: 1.8rem; margin-bottom: 1.8rem;
z-index: 1;
} }
.widget-error-header::before { .widget-error-header::before {
@ -1095,7 +1101,6 @@ details[open] .summary::after {
.dns-stats-graph-gridlines-container { .dns-stats-graph-gridlines-container {
position: absolute; position: absolute;
z-index: -1;
inset: 0; inset: 0;
} }
@ -1122,7 +1127,6 @@ details[open] .summary::after {
content: ''; content: '';
position: absolute; position: absolute;
inset: 1px 0; inset: 1px 0;
z-index: -1;
opacity: 0; opacity: 0;
background: var(--color-text-base); background: var(--color-text-base);
transition: opacity .2s; transition: opacity .2s;
@ -1264,7 +1268,6 @@ details[open] .summary::after {
overflow: hidden; overflow: hidden;
mask-image: linear-gradient(0deg, transparent 40%, #000); mask-image: linear-gradient(0deg, transparent 40%, #000);
-webkit-mask-image: linear-gradient(0deg, transparent 40%, #000); -webkit-mask-image: linear-gradient(0deg, transparent 40%, #000);
z-index: -1;
} }
.weather-column-rain::before { .weather-column-rain::before {