Spaces:
Sleeping
Sleeping
scrolling
Browse files
style.css
CHANGED
|
@@ -218,16 +218,22 @@ label.selected{
|
|
| 218 |
overflow-y: auto;
|
| 219 |
}
|
| 220 |
|
| 221 |
-
/*
|
| 222 |
#right-panel {
|
| 223 |
height: calc(100vh - 90px);
|
| 224 |
max-height: calc(100vh - 90px);
|
| 225 |
overflow: hidden;
|
|
|
|
|
|
|
|
|
|
| 226 |
}
|
| 227 |
|
| 228 |
#right-panel > div {
|
| 229 |
height: 100%;
|
|
|
|
| 230 |
overflow-y: auto;
|
|
|
|
|
|
|
| 231 |
}
|
| 232 |
|
| 233 |
.tabitem {
|
|
@@ -235,6 +241,14 @@ label.selected{
|
|
| 235 |
max-height: calc(100vh - 190px);
|
| 236 |
overflow-y: auto;
|
| 237 |
position: relative;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 238 |
}
|
| 239 |
|
| 240 |
.other-tabs > div {
|
|
@@ -242,20 +256,16 @@ label.selected{
|
|
| 242 |
padding-right: 40px;
|
| 243 |
padding-top: 10px;
|
| 244 |
height: 100%;
|
|
|
|
| 245 |
overflow-y: auto;
|
|
|
|
| 246 |
}
|
| 247 |
|
| 248 |
-
/* Ensure gallery items are contained */
|
| 249 |
.gallery-item {
|
| 250 |
position: relative;
|
| 251 |
overflow: hidden;
|
|
|
|
| 252 |
}
|
| 253 |
-
|
| 254 |
-
/* .tabitem:nth-child(n+3) {
|
| 255 |
-
padding-top:30px;
|
| 256 |
-
padding-left:40px;
|
| 257 |
-
padding-right:40px;
|
| 258 |
-
} */
|
| 259 |
}
|
| 260 |
|
| 261 |
footer {
|
|
|
|
| 218 |
overflow-y: auto;
|
| 219 |
}
|
| 220 |
|
| 221 |
+
/* Enhanced containment for right panel */
|
| 222 |
#right-panel {
|
| 223 |
height: calc(100vh - 90px);
|
| 224 |
max-height: calc(100vh - 90px);
|
| 225 |
overflow: hidden;
|
| 226 |
+
position: relative;
|
| 227 |
+
display: flex;
|
| 228 |
+
flex-direction: column;
|
| 229 |
}
|
| 230 |
|
| 231 |
#right-panel > div {
|
| 232 |
height: 100%;
|
| 233 |
+
max-height: 100%;
|
| 234 |
overflow-y: auto;
|
| 235 |
+
flex: 1;
|
| 236 |
+
position: relative;
|
| 237 |
}
|
| 238 |
|
| 239 |
.tabitem {
|
|
|
|
| 241 |
max-height: calc(100vh - 190px);
|
| 242 |
overflow-y: auto;
|
| 243 |
position: relative;
|
| 244 |
+
display: flex;
|
| 245 |
+
flex-direction: column;
|
| 246 |
+
}
|
| 247 |
+
|
| 248 |
+
.other-tabs {
|
| 249 |
+
height: 100%;
|
| 250 |
+
max-height: 100%;
|
| 251 |
+
overflow: hidden;
|
| 252 |
}
|
| 253 |
|
| 254 |
.other-tabs > div {
|
|
|
|
| 256 |
padding-right: 40px;
|
| 257 |
padding-top: 10px;
|
| 258 |
height: 100%;
|
| 259 |
+
max-height: 100%;
|
| 260 |
overflow-y: auto;
|
| 261 |
+
position: relative;
|
| 262 |
}
|
| 263 |
|
|
|
|
| 264 |
.gallery-item {
|
| 265 |
position: relative;
|
| 266 |
overflow: hidden;
|
| 267 |
+
max-height: fit-content;
|
| 268 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 269 |
}
|
| 270 |
|
| 271 |
footer {
|