akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-04-25 08:06:51 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Make preview controls fade away when not hovered

Browse Source
This commit is contained in:
Misode
2021-02-15 00:36:40 +01:00
parent fc748fefb8
commit da03eda9a7
1 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/styles/global.css
View File

@@ -239,6 +239,17 @@ nav > .toggle span {
width: 100%;
right: 0;
padding: 0 5px;
opacity: 0;
transition: opacity 0.1s;
pointer-events: none;
}
.preview-panel .panel-controls > * {
pointer-events: initial;
}
.preview-panel:hover .panel-controls {
opacity: 1;
}
.panel-controls > *:not(:last-child) {
@@ -738,6 +749,10 @@ nav > .toggle span {
font-size: 18px;
}
body[data-panel="preview"] .preview-panel .panel-controls {
opacity: 1;
}
.generators-list {
margin: 0 15px;
}