Main CSS style cleanup and some fixes
This commit is contained in:
parent
b975c04102
commit
04fb53cf11
5 changed files with 158 additions and 420 deletions
|
@ -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 {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue