akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-04-23 15:17:09 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Make version switcher more obvious

Browse Source
This commit is contained in:
Misode
2022-06-12 20:51:54 +02:00
parent 01a95dd9d4
commit f944f4b617
11 changed files with 85 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/styles/global.css
View File

@@ -654,6 +654,32 @@ main.has-preview {
border-bottom-right-radius: 6px;
}
.version-switcher > .btn {
background-color: #307328;
}
.version-switcher > .btn:hover {
background-color: #296422;
}
.version-switcher.attention > .btn {
outline: 2px solid transparent;
animation: outline-grow 2s ease-out 1s 4 forwards;
}
@keyframes outline-grow {
0% {
outline-offset: 0px;
outline-width: 2px;
outline-color: #307328;
}
50%, 100% {
outline-offset: 10px;
outline-width: 0px;
outline-color: transparent;
}
}
.popup-actions {
display: flex;
position: fixed;