linguabot commited on
Commit
cc84b16
·
verified ·
1 Parent(s): ff6e981

Upload folder using huggingface_hub

Browse files
Files changed (1) hide show
  1. client/src/index.css +5 -4
client/src/index.css CHANGED
@@ -114,7 +114,8 @@ html.is-chrome body, html.is-chrome #root {
114
  html.is-chrome { font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif; }
115
  html.is-chrome body { font-weight: 400; }
116
  html.is-chrome h1, html.is-chrome h2, html.is-chrome h3 { font-weight: 600; }
117
- html.is-chrome .app-shell { content-visibility: auto; contain-intrinsic-size: 1000px 2000px; }
 
118
 
119
  /* Quick Actions alignment parity with Safari (Chrome only) */
120
  /* Match Safari layout: no forced min-height on Chrome */
@@ -136,9 +137,9 @@ html.is-chrome body { overscroll-behavior: contain; }
136
 
137
  /* Chrome-only sidebar opacity + blur look */
138
  html.is-chrome .sidebar-shell { background: rgba(255,255,255,0.9); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); position: fixed; top: 56px; left: 0; bottom: 0; width: 15rem; display: flex; flex-direction: column; }
139
- /* Rely on fixed aside; keep nav/footer normal flow like Safari */
140
- html.is-chrome .sidebar-nav { position: static; width: auto; }
141
- html.is-chrome .sidebar-footer { position: static; width: auto; background: transparent; }
142
  html.is-chrome .sidebar-shell { overflow: visible; }
143
  /* Ensure links remain clickable */
144
  html.is-chrome .sidebar-shell a { pointer-events: auto; }
 
114
  html.is-chrome { font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif; }
115
  html.is-chrome body { font-weight: 400; }
116
  html.is-chrome h1, html.is-chrome h2, html.is-chrome h3 { font-weight: 600; }
117
+ /* Disable content-visibility on the app shell in Chrome to avoid clipping fixed/sticky children */
118
+ html.is-chrome .app-shell { content-visibility: visible; contain-intrinsic-size: auto; }
119
 
120
  /* Quick Actions alignment parity with Safari (Chrome only) */
121
  /* Match Safari layout: no forced min-height on Chrome */
 
137
 
138
  /* Chrome-only sidebar opacity + blur look */
139
  html.is-chrome .sidebar-shell { background: rgba(255,255,255,0.9); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); position: fixed; top: 56px; left: 0; bottom: 0; width: 15rem; display: flex; flex-direction: column; }
140
+ /* Mirror header sticky behavior for nav and footer inside the fixed aside */
141
+ html.is-chrome .sidebar-nav { position: sticky; top: 0; width: auto; }
142
+ html.is-chrome .sidebar-footer { position: sticky; bottom: 0; width: auto; background: transparent; }
143
  html.is-chrome .sidebar-shell { overflow: visible; }
144
  /* Ensure links remain clickable */
145
  html.is-chrome .sidebar-shell a { pointer-events: auto; }