add future auto-hide settings option
This commit is contained in:
parent
b4ac4d4344
commit
a5cb1368cf
2 changed files with 25 additions and 2 deletions
|
|
@ -677,6 +677,28 @@ th, tr, td, label {
|
||||||
text-transform: none !important;
|
text-transform: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.slideshow #panel-left .settings {
|
||||||
|
transform: translateX(-90%);
|
||||||
|
transition: transform 0.15s ease-in-out;
|
||||||
|
}
|
||||||
|
.slideshow #panel-left:hover .settings {
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
.slideshow #panel-left:hover #slide-show {
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
.slideshow #slide-show {
|
||||||
|
transition: left 0.15s ease-in-out;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
width: 20px;
|
||||||
|
background-color: var(--blue-3);
|
||||||
|
border-right: 2px dashed var(--blue-1);
|
||||||
|
z-index: 5000;
|
||||||
|
}
|
||||||
|
|
||||||
#panel-left, #panel-right {
|
#panel-left, #panel-right {
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
background-color: var(--work-area);
|
background-color: var(--work-area);
|
||||||
|
|
@ -1915,8 +1937,8 @@ th, tr, td, label {
|
||||||
}
|
}
|
||||||
.settings {
|
.settings {
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
/* overflow-y: overlay !important; */
|
overflow-y: scroll;
|
||||||
overflow-x: hidden;
|
overflow-x: visible;
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
text-transform: capitalize;
|
text-transform: capitalize;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -216,6 +216,7 @@
|
||||||
<!-- left settings menu -->
|
<!-- left settings menu -->
|
||||||
<div id="panel-left" class="f-col j-left">
|
<div id="panel-left" class="f-col j-left">
|
||||||
<!-- <div class="line-sep2"></div> -->
|
<!-- <div class="line-sep2"></div> -->
|
||||||
|
<div id="slide-show"></div>
|
||||||
<div class="f-col grow settings">
|
<div class="f-col grow settings">
|
||||||
<!-- FDM -->
|
<!-- FDM -->
|
||||||
<div id="fdm-layers" class="set2-group mode-fdm"></div>
|
<div id="fdm-layers" class="set2-group mode-fdm"></div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue