kaveh commited on
Commit
8b3cb34
·
1 Parent(s): e9bdee3

changes reverted back

Browse files
Files changed (1) hide show
  1. 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 */