mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2024-11-29 12:48:57 +03:00
Code Issues Projects Releases Packages Wiki Activity

Make focus ring follow the radius

Browse source 
This still won't work on Safari because its outline radius doesn't inherit from border radius
Future Safari will fix this
This commit is contained in:
Lim Chee Aun 2023-03-02 21:54:05 +08:00
parent 462d299b96
commit 07edae4cc3
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/app.css
View file

@ -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);
} }