mirror
/
phanpy
kopia lustrzana https://github.com/cheeaun/phanpy
1
0
Forkuj 0
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Make focus ring follow the radius 

This still won't work on Safari because its outline radius doesn't inherit from border radius
Future Safari will fix this
pull/74/head
Lim Chee Aun 2023-03-02 21:54:05 +08:00
rodzic 462d299b96
commit 07edae4cc3
1 zmienionych plików z 5 dodań i 1 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

6
src/app.css
Wyświetl plik

@ -1505,15 +1505,19 @@ ul.link-list li a .icon {
margin-top: 24px; margin-top: 24px;
} }
.timeline:not(.flat) > li { .timeline:not(.flat) > li {
--item-radius: 16px;
border: 1px solid var(--divider-color); border: 1px solid var(--divider-color);
margin: 16px 0; margin: 16px 0;
background-color: var(--bg-color); background-color: var(--bg-color);
border-radius: 16px; border-radius: var(--item-radius);
overflow: hidden; overflow: hidden;
box-shadow: 0px 1px var(--bg-blur-color); box-shadow: 0px 1px var(--bg-blur-color);
transition: transform 0.4s var(--timing-function); transition: transform 0.4s var(--timing-function);
--back-transition: transform 0.4s ease-out; --back-transition: transform 0.4s ease-out;
} }
.timeline:not(.flat) > li > a {
border-radius: var(--item-radius);
}
.timeline:not(.flat) > li:not(:has(.status-carousel)) { .timeline:not(.flat) > li:not(:has(.status-carousel)) {
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }