mirror of
https://github.com/bluewave-labs/Checkmate.git
synced 2026-05-19 16:08:39 -05:00
gorkem-bwl
3a77c6d7fa
The sidebar was showing a visible gap at the bottom when scrolling on pages with tall tables (e.g., /checks). This occurred because the parent container's overflow-x: hidden was breaking sticky positioning. Changes: - Changed sidebar from position: sticky to position: fixed - Added a spacer Box element to maintain layout spacing - Moved border and background styles to the sidebar component - Cleaned up unused CSS selectors
30 lines
560 B
CSS
30 lines
560 B
CSS
.home-layout {
|
|
position: relative;
|
|
min-height: 100vh;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
overflow-x: hidden;
|
|
width: 100%;
|
|
}
|
|
|
|
/* TODO go for this approach for responsiveness. The aside needs to be taken care of */
|
|
/* @media (max-width: 1000px) {
|
|
.home-layout {
|
|
flex-direction: column !important;
|
|
}
|
|
} */
|
|
|
|
.home-layout > .home-content-wrapper {
|
|
min-height: calc(100vh - var(--env-var-spacing-2) * 2);
|
|
flex: 1;
|
|
}
|
|
|
|
.home-content-wrapper {
|
|
padding: var(--env-var-spacing-2);
|
|
max-width: 1400px;
|
|
margin: 0 auto;
|
|
flex: 1;
|
|
min-width: 0;
|
|
overflow-x: hidden;
|
|
}
|