Improved image expansion in Projects. Introduced Mods page.
This commit is contained in:
@@ -11,8 +11,9 @@
|
||||
padding: 0;
|
||||
}
|
||||
.gallery-action-button button {
|
||||
width: 28;
|
||||
height: 28;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
display: flex;
|
||||
border-radius: var(--radius-sm);
|
||||
border: 1px solid var(--accent);
|
||||
background-color: var(--surface);
|
||||
@@ -21,11 +22,15 @@
|
||||
color: var(--fg);
|
||||
z-index: 1001;
|
||||
cursor: pointer;
|
||||
transition: background 0.15s ease, border-color 0.15s ease;
|
||||
margin-right: 0.3em;
|
||||
transition: background 0.15s ease, border-color 0.15s ease, filter 0.15s ease;
|
||||
}
|
||||
.gallery-action-button button:hover {
|
||||
filter:brightness(120%)
|
||||
/* `.is-hovered` is set while the media itself is hovered, so the button shows
|
||||
the same state as a direct hover on it. */
|
||||
.gallery-action-button button:hover,
|
||||
.gallery-action-button.is-hovered button {
|
||||
filter: brightness(120%);
|
||||
border-color: var(--accent-hover);
|
||||
background-color: var(--surface-hover);
|
||||
}
|
||||
|
||||
.action-button-svg {
|
||||
|
||||
Reference in New Issue
Block a user