From ef24680baffe3b7b3aec67f71c00d3ed24da715c Mon Sep 17 00:00:00 2001 From: Svilen Markov <7613769+svilenmarkov@users.noreply.github.com> Date: Wed, 11 Dec 2024 18:38:09 +0000 Subject: [PATCH] Fix overlap issues in weather and dns-stats widgets --- internal/assets/static/main.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/internal/assets/static/main.css b/internal/assets/static/main.css index d5ab9bb..5aa90e5 100644 --- a/internal/assets/static/main.css +++ b/internal/assets/static/main.css @@ -514,6 +514,7 @@ kbd:active { list-style: none; position: relative; display: flex; + z-index: 1; } .details[open] .summary { @@ -535,6 +536,10 @@ kbd:active { opacity: 1; } +.details:not([open]) .list-with-transition { + display: none; +} + .summary::after { content: "◀"; font-size: 1.2em; @@ -707,6 +712,7 @@ details[open] .summary::after { justify-content: space-between; position: relative; margin-bottom: 1.8rem; + z-index: 1; } .widget-error-header::before { @@ -1095,7 +1101,6 @@ details[open] .summary::after { .dns-stats-graph-gridlines-container { position: absolute; - z-index: -1; inset: 0; } @@ -1122,7 +1127,6 @@ details[open] .summary::after { content: ''; position: absolute; inset: 1px 0; - z-index: -1; opacity: 0; background: var(--color-text-base); transition: opacity .2s; @@ -1264,7 +1268,6 @@ details[open] .summary::after { overflow: hidden; mask-image: linear-gradient(0deg, transparent 40%, #000); -webkit-mask-image: linear-gradient(0deg, transparent 40%, #000); - z-index: -1; } .weather-column-rain::before {