add future auto-hide settings option

This commit is contained in:
Stewart Allen 2024-06-02 16:25:17 -04:00
commit a5cb1368cf
2 changed files with 25 additions and 2 deletions

View file

@ -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;
} }

View file

@ -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>