chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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