dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-05 13:19:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

side-panel: styling for reload button

Browse Source
This commit is contained in:
CloudHill 2020-12-02 22:29:16 +07:00
parent 3b08e51dcb
commit 8267d8e143
1 changed files with 22 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
mods/side-panel/app.css
View File

@ -89,11 +89,31 @@
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.enhancer-panel--reload-button {
flex-grow: 0;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
padding: 6px;
margin-right: 6px;
border-radius: 3px;
transition: background 20ms ease-in;
}
.enhancer-panel--reload-button:hover {
background: var(--theme--main)
}
.enhancer-panel--switcher-icon { .enhancer-panel--switcher-icon {
flex-grow: 0;
flex-shrink: 0;
width: 12px; width: 12px;
height: 12px; height: 12px;
fill: var(--theme--text_ui); fill: var(--theme--text_ui);
} }
.enhancer-panel--reload-button svg,
.enhancer-panel--switcher-icon svg { .enhancer-panel--switcher-icon svg {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -169,7 +189,7 @@
} }
.enhancer-panel--switcher { .enhancer-panel--switcher {
max-width: calc(100vw - 24px); max-width: 320px;
position: relative; position: relative;
right: 14px; right: 14px;
border-radius: 3px; border-radius: 3px;
@ -189,7 +209,7 @@
user-select: none; user-select: none;
cursor: pointer; cursor: pointer;
overflow: hidden; overflow: hidden;
transition: background 0.4s ease; transition: background 300ms ease;
} }
.enhancer-panel--switcher-item:hover { .enhancer-panel--switcher-item:hover {
background: var(--theme--interactive_hover); background: var(--theme--interactive_hover);