changes reverted back
Browse files- S2FApp/static/s2f_styles.css +0 -22
S2FApp/static/s2f_styles.css
CHANGED
|
@@ -23,34 +23,16 @@ html, body, .stApp {
|
|
| 23 |
* when the Space is embedded and the iframe has a fixed height).
|
| 24 |
* - The main column is the scroll container; the sidebar stays fixed beside it while main content scrolls.
|
| 25 |
* - Requires matching --s2f-streamlit-header-offset so fixed sidebar/top padding clear Streamlit’s toolbar.
|
| 26 |
-
* - HF/embed: wheel/touch at scroll boundaries can chain to the parent page (whole iframe moves, fixed
|
| 27 |
-
* sidebar looks like it scrolls away). overscroll-behavior + a strict #root chain reduces that.
|
| 28 |
*/
|
| 29 |
html, body {
|
| 30 |
height: 100% !important;
|
| 31 |
overflow: hidden !important;
|
| 32 |
margin: 0 !important;
|
| 33 |
-
overscroll-behavior-y: contain !important;
|
| 34 |
-
}
|
| 35 |
-
/* React mount: must participate in height % chain or body can grow and steal scroll from inner regions */
|
| 36 |
-
#root {
|
| 37 |
-
height: 100% !important;
|
| 38 |
-
max-height: 100% !important;
|
| 39 |
-
min-height: 0 !important;
|
| 40 |
-
overflow: hidden !important;
|
| 41 |
-
overscroll-behavior-y: contain !important;
|
| 42 |
}
|
| 43 |
.stApp {
|
| 44 |
-
/* Prefer small-dynamic viewport in iframes (mobile URL bar); fall back to % + vh */
|
| 45 |
-
height: 100% !important;
|
| 46 |
height: 100vh !important;
|
| 47 |
-
height: 100dvh !important;
|
| 48 |
-
height: 100svh !important;
|
| 49 |
-
max-height: 100vh !important;
|
| 50 |
max-height: 100dvh !important;
|
| 51 |
-
max-height: 100svh !important;
|
| 52 |
overflow: hidden !important;
|
| 53 |
-
overscroll-behavior-y: contain !important;
|
| 54 |
display: flex !important;
|
| 55 |
flex-direction: column !important;
|
| 56 |
}
|
|
@@ -155,11 +137,8 @@ section[data-testid="stSidebar"] {
|
|
| 155 |
width: 360px !important;
|
| 156 |
height: calc(100dvh - var(--s2f-streamlit-header-offset, 0px)) !important;
|
| 157 |
max-height: calc(100dvh - var(--s2f-streamlit-header-offset, 0px)) !important;
|
| 158 |
-
height: calc(100svh - var(--s2f-streamlit-header-offset, 0px)) !important;
|
| 159 |
-
max-height: calc(100svh - var(--s2f-streamlit-header-offset, 0px)) !important;
|
| 160 |
overflow-x: hidden !important;
|
| 161 |
overflow-y: auto !important;
|
| 162 |
-
overscroll-behavior-y: contain !important;
|
| 163 |
scrollbar-gutter: stable !important;
|
| 164 |
background:
|
| 165 |
linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%),
|
|
@@ -609,7 +588,6 @@ hr { border-color: #cbd5e1 !important; opacity: 0.7; }
|
|
| 609 |
overflow-x: hidden !important;
|
| 610 |
scrollbar-gutter: stable !important;
|
| 611 |
-webkit-overflow-scrolling: touch !important;
|
| 612 |
-
overscroll-behavior-y: contain !important;
|
| 613 |
box-sizing: border-box !important;
|
| 614 |
}
|
| 615 |
/* Clear Streamlit’s fixed toolbar so the custom banner / first widgets aren’t clipped */
|
|
|
|
| 23 |
* when the Space is embedded and the iframe has a fixed height).
|
| 24 |
* - The main column is the scroll container; the sidebar stays fixed beside it while main content scrolls.
|
| 25 |
* - Requires matching --s2f-streamlit-header-offset so fixed sidebar/top padding clear Streamlit’s toolbar.
|
|
|
|
|
|
|
| 26 |
*/
|
| 27 |
html, body {
|
| 28 |
height: 100% !important;
|
| 29 |
overflow: hidden !important;
|
| 30 |
margin: 0 !important;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 31 |
}
|
| 32 |
.stApp {
|
|
|
|
|
|
|
| 33 |
height: 100vh !important;
|
|
|
|
|
|
|
|
|
|
| 34 |
max-height: 100dvh !important;
|
|
|
|
| 35 |
overflow: hidden !important;
|
|
|
|
| 36 |
display: flex !important;
|
| 37 |
flex-direction: column !important;
|
| 38 |
}
|
|
|
|
| 137 |
width: 360px !important;
|
| 138 |
height: calc(100dvh - var(--s2f-streamlit-header-offset, 0px)) !important;
|
| 139 |
max-height: calc(100dvh - var(--s2f-streamlit-header-offset, 0px)) !important;
|
|
|
|
|
|
|
| 140 |
overflow-x: hidden !important;
|
| 141 |
overflow-y: auto !important;
|
|
|
|
| 142 |
scrollbar-gutter: stable !important;
|
| 143 |
background:
|
| 144 |
linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%),
|
|
|
|
| 588 |
overflow-x: hidden !important;
|
| 589 |
scrollbar-gutter: stable !important;
|
| 590 |
-webkit-overflow-scrolling: touch !important;
|
|
|
|
| 591 |
box-sizing: border-box !important;
|
| 592 |
}
|
| 593 |
/* Clear Streamlit’s fixed toolbar so the custom banner / first widgets aren’t clipped */
|