Add background to icons panel

This commit is contained in:
the1812 2019-05-04 18:46:01 +08:00
parent de88273f8e
commit 19419a66d0
4 changed files with 29 additions and 10 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,15 +1,26 @@
.gui-settings-icon-panel
{
height: 100%;
height: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
top: 50%;
left: 0;
width: 24px;
width: 32px;
z-index: 99999;
transform: translateY(-50%);
}
.gui-settings-icon-panel i
{
transition: all 0.2s;
transform: rotate(180deg);
}
.gui-settings:hover i,
.gui-settings-widgets:hover i
{
transform: rotate(0deg);
}
.gui-settings,
.gui-settings-widgets
@ -25,13 +36,21 @@
transition: all 0.2s;
opacity: 0.3;
transform-origin: center !important;
transform: translateX(-12px) rotate(180deg);
transform: translateX(-16px);
background-color: rgba(255,255,255,0.75);
border-radius: 0 50% 50% 0;
padding: 6px;
}
body.dark .gui-settings,
body.dark .gui-settings-widgets
{
background-color: rgba(0,0,0,0.75);
}
.gui-settings:hover,
.gui-settings-widgets:hover
{
opacity: 1;
transform: translateX(0px) rotate(0deg);
transform: translateX(0px);
}
.gui-settings-footer,
.gui-settings-header