mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-11-27 14:28:14 +09:00
Code

Added transition on buttons

Browse Source
This commit is contained in:
Niléane 2023-07-10 16:30:40 +02:00
parent 0e208f5af6
commit 55696e199a
No known key found for this signature in database
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
TangerineUIforMastodon-singlecolumnlayout.css
View File

@ -819,7 +819,8 @@ body.layout-single-column {
border: 0;
}
.layout-single-column .column-header__button {
color: var(--color-content-fg)
color: var(--color-content-fg);
transition: all .2s;
}
.layout-single-column .column-header__wrapper.active:before {
background: none;
@ -1060,17 +1061,17 @@ body.layout-single-column {
margin-bottom: 10px;
}
.layout-single-column .column-link:not(.column-link--logo) {
padding: 10px 13px 11px;
padding: 10px 20px 11px 13px;
width: max-content;
margin-left: 3px;
font-weight: 500;
transition: all .2s;
}
.layout-single-column a.column-link--transparent.active,
.layout-single-column a.column-link--transparent.active:hover {
background-color: var(--color-content-bg);
border-radius: 8px;
color: var(--color-content-fg);
padding-right: 20px;
font-weight: bold;
}
.layout-single-column .column-link--transparent:hover {
@ -1622,6 +1623,7 @@ body.layout-single-column {
.layout-single-column .icon-with-badge__badge {
background-color: var(--color-accent);
color: var(--color-accent-fg);
transition: all .2s;
}
.layout-single-column .text-icon-button.active,
.layout-single-column .button.button-tertiary,