taubem
/
ChangeCalendar
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

sticky outline

main
Said Gedik 2024-05-14 17:53:11 +02:00
parent 0fa86ff416
commit f30b6e9881
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/app/ntt-gantt/ntt-gantt.component.css
View File

@ -215,6 +215,7 @@
background-color: rgb(240, 240, 240); background-color: rgb(240, 240, 240);
} }
/* Ensure filterContainer sticks to the top when scrolling */
.filterContainer { .filterContainer {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -227,6 +228,15 @@
padding-left: 10px; padding-left: 10px;
padding-right: 15px; padding-right: 15px;
justify-content: space-between; justify-content: space-between;
position: -webkit-sticky; /* For Safari */
position: sticky;
top: 0;
z-index: 1000; /* Ensure it is above other content */
border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
}
.filterContainer.sticky {
border-radius: 0;
} }
.left, .right { .left, .right {