Main CSS style cleanup and some fixes

This commit is contained in:
partisan 2025-06-30 12:58:18 +02:00
parent b975c04102
commit 04fb53cf11
5 changed files with 158 additions and 420 deletions

View file

@ -7,6 +7,7 @@
object-position: center;
vertical-align: bottom;
border-radius: 4px;
position: relative;
}
.theme-link {
@ -34,25 +35,34 @@
} */
.theme-tooltip {
display: none;
/* Hidden by default */
position: absolute;
bottom: 10px;
/* Position at the bottom of the image */
left: 50%;
transform: translateX(-50%);
background-color: rgba(0, 0, 0, 0.7);
/* Semi-transparent background */
color: #fff;
padding: 5px 10px;
border-radius: 4px;
bottom: 14px;
transform: translateX(-50%) translateY(100%);
background: var(--search-bg);
color: var(--font-fg);
font-size: 14px;
padding: 7px 14px;
border-radius: 6px;
box-shadow: 0 5px 24px 0 rgba(0,0,0,0.25);
opacity: 0;
pointer-events: none;
z-index: 5;
white-space: nowrap;
transition: opacity 0.22s cubic-bezier(.7, .1, .6, 1), transform 0.22s cubic-bezier(.7, .1, .6, 1);
}
.theme-link:hover .theme-tooltip {
display: block;
/* Show tooltip on hover */
.theme-link:hover .theme-tooltip,
.theme-link:focus .theme-tooltip {
opacity: 1;
transform: translateX(-50%) translateY(0);
pointer-events: auto;
}
.theme-link.show-tooltip .theme-tooltip {
opacity: 1;
transform: translateX(-50%) translateY(0);
pointer-events: auto;
}
.themes-settings-menu {