Adrien/actuel-inactuel
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

adjust styles

Browse source
This commit is contained in:
isUnknown 2024-04-06 10:08:45 +02:00
parent dd217e7a6a
commit 3804d13cb6
34 changed files with 756 additions and 174 deletions
Download patch file Download diff file Expand all files Collapse all files

25
assets/css/src/tabs.css
View file

@ -30,6 +30,7 @@ button.toggle.right.open::before {
margin-top: -25svh;
margin-bottom: 30svh;
transition: margin-top 0.5s ease-in-out;
z-index: 1;
}
#tabs.open {
@ -42,6 +43,30 @@ button.toggle.right.open::before {
margin-top: var(--unit--vertical);
transition: max-height 0.5s ease-in-out;
}
/* ================= SCROLLBAR ================= */
/* Works on Firefox */
.active-tab {
scrollbar-width: thin;
scrollbar-color: #fff transparent;
}
/* Works on Chrome, Edge, and Safari */
.active-tab::-webkit-scrollbar {
width: 3px;
height: auto;
}
.active-tab::-webkit-scrollbar-track {
background: transparent;
}
.active-tab::-webkit-scrollbar-thumb {
background-color: #fff;
border-radius: 1px;
border: none;
}
.page-cover.open .active-tab {
height: calc(100svh - 7.5 * var(--unit--vertical));