Slight restyle for shiny pill

This commit is contained in:
Lim Chee Aun 2023-09-23 19:16:32 +08:00
parent cd3ab50a18
commit 1e9f0bdf39
2 changed files with 8 additions and 11 deletions

View file

@ -1742,20 +1742,17 @@ meter.donut[hidden] {
text-shadow: 0 1px var(--bg-color);
background-color: var(--bg-color);
border: 1px solid var(--outline-color);
box-shadow: 0 0 0 1px var(--bg-blur-color),
0 3px 16px var(--drop-shadow-color),
box-shadow: 0 3px 16px var(--drop-shadow-color),
0 6px 16px -3px var(--drop-shadow-color);
}
:is(.shiny-pill, :root .toastify.shiny-pill):hover {
:is(.shiny-pill, :root .toastify.shiny-pill):hover:not(:active) {
color: var(--text-color);
border-color: var(--link-color);
filter: none;
box-shadow: 0 0 0 1px var(--link-color), 0 3px 16px var(--drop-shadow-color),
0 6px 16px -3px var(--drop-shadow-color);
}
:is(.shiny-pill, :root .toastify.shiny-pill):active {
transition: none;
filter: brightness(0.975);
filter: none !important;
box-shadow: 0 0 0 1px var(--link-text-color),
0 3px 16px var(--drop-shadow-color),
0 6px 16px -3px var(--drop-shadow-color),
0 6px 16px var(--drop-shadow-color);
}
/* TOAST */

View file

@ -332,7 +332,7 @@ function Timeline({
});
}}
>
<Icon icon="arrow-up" /> <span>New posts</span>
<Icon icon="arrow-up" /> New posts
</button>
)}
</header>