Sygil-Dev/sygil-webui
1
1
Fork 0
mirror of https://github.com/Sygil-Dev/sygil-webui.git synced 2024-12-14 14:05:36 +03:00
Code Issues Projects Releases Wiki Activity

Fixed Sidebar CSS for 4K displays

Browse Source
This commit is contained in:
Joshua Kimsey 2022-09-12 04:09:58 -04:00 committed by hlky
parent c63fcb1502
commit 9432efc549
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/css/streamlit.main.css
View File

@ -55,11 +55,17 @@ button[kind="header"] {
/* display: none;*/ /*suggested behavior by streamlit hover components*/
pointer-events: auto; /* enable interaction of the button even if parents intereaction disabled */
}
/* added to avoid main sectors (all element to the right of sidebar from) moving */
section[data-testid="stSidebar"] {
width: 3% !important;
min-width: 3% !important;
}
/* The navigation menu specs and size */
section[data-testid="stSidebar"] > div {
height: 100%;
width: 4% !important;
width: 2% !important;
min-width: 100% !important;
position: relative;
z-index: 1;
@ -67,7 +73,7 @@ button[kind="header"] {
left: 0;
background-color: #111;
overflow-x: hidden;
transition: 0.5s ease;
transition: 0.5s ease-in-out;
padding-top: 0px;
white-space: nowrap;
}
@ -76,12 +82,6 @@ button[kind="header"] {
section[data-testid="stSidebar"] > div:hover {
width: 300px !important;
}
/* added to avoid main sectors (all element to the right of sidebar from) moving */
section[data-testid="stSidebar"] {
width: 4% !important;
min-width: 4% !important;
}
}
@media (max-width: 272px) {
@ -92,4 +92,4 @@ button[kind="header"] {
/***********************************************************
* Additional CSS for other elements
************************************************************/
************************************************************/