15cb59e420
All checks were successful
Deploy / deploy (push) Successful in 2m38s
- Layout: h-screen overflow-hidden, <main> flex-col avec mt-16 - Pages avec toolbar: toolbar hors du conteneur scrollable (flex-col + overflow-y-auto flex-1) - Pages sans toolbar: wrapper overflow-y-auto h-full - app.scss: scrollbar-width/color limité à Firefox via @supports (-moz-appearance: none) pour éviter le conflit avec les pseudo-éléments webkit sur Chrome 121+ - Suppression des flèches de scrollbar via ::-webkit-scrollbar-button - html/body overflow:hidden pour éviter la double scrollbar
133 lines
3.0 KiB
SCSS
133 lines
3.0 KiB
SCSS
@import '@fortawesome/fontawesome-free/scss/fontawesome.scss';
|
|
@import "tailwindcss/base";
|
|
@import "tailwindcss/components";
|
|
@import "tailwindcss/utilities";
|
|
|
|
html, body {
|
|
overflow: hidden;
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
background-color: white;
|
|
}
|
|
|
|
.modal {
|
|
@apply hidden fixed top-0 left-0 w-full h-full outline-none;
|
|
z-index: 1072!important;
|
|
}
|
|
|
|
.modal-dialog {
|
|
z-index: 1073!important;
|
|
}
|
|
|
|
.modal.show {
|
|
@apply block
|
|
}
|
|
|
|
.modal-backdrop {
|
|
@apply relative bg-black top-0 left-0;
|
|
z-index: -1!important;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
}
|
|
|
|
.modal-backdrop.fade {
|
|
@apply opacity-0
|
|
}
|
|
|
|
.modal-backdrop.show {
|
|
@apply opacity-50
|
|
}
|
|
|
|
.modal.fade .modal-dialog {
|
|
transition: -webkit-transform .3s ease-out;
|
|
transition: transform .3s ease-out;
|
|
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
|
|
-webkit-transform: translate(0, -50px);
|
|
transform: translate(0, -50px);
|
|
}
|
|
|
|
.modal.show .modal-dialog {
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
@apply w-2 h-1;
|
|
/* Ajuster la largeur et la hauteur de la scrollbar */
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
@apply bg-green-600;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
@apply bg-green-700;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
@apply bg-white;
|
|
}
|
|
|
|
#searchResults::-webkit-scrollbar {
|
|
@apply w-2 h-1;
|
|
/* Ajuster la largeur et la hauteur de la scrollbar */
|
|
}
|
|
|
|
#searchResults::-webkit-scrollbar-thumb {
|
|
@apply bg-green-600 rounded-r-sm;
|
|
}
|
|
|
|
#searchResults::-webkit-scrollbar-thumb:hover {
|
|
@apply bg-green-700;
|
|
}
|
|
|
|
#searchResults::-webkit-scrollbar-track {
|
|
@apply bg-gray-700;
|
|
}
|
|
|
|
/* Firefox uniquement — évite le conflit avec les pseudo-éléments webkit sur Chrome 121+ */
|
|
@supports (-moz-appearance: none) {
|
|
* {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: #16a34a transparent;
|
|
}
|
|
|
|
.dark * {
|
|
scrollbar-color: #16a34a #1f2937;
|
|
}
|
|
}
|
|
|
|
/* Dark mode — webkit track */
|
|
.dark ::-webkit-scrollbar-track {
|
|
@apply bg-gray-800;
|
|
}
|
|
|
|
/* Supprime les flèches de la scrollbar */
|
|
::-webkit-scrollbar-button:start:decrement,
|
|
::-webkit-scrollbar-button:end:increment,
|
|
::-webkit-scrollbar-button:start:increment,
|
|
::-webkit-scrollbar-button:end:decrement {
|
|
display: none;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
///* Custom styles for the scrollbar buttons */
|
|
//::-webkit-scrollbar-button {
|
|
// @apply bg-gray-700;
|
|
// height: 10px; /* Adjust the height of the scrollbar buttons */
|
|
// width: 10px; /* Adjust the width of the scrollbar buttons */
|
|
//}
|
|
//
|
|
//::-webkit-scrollbar-button:vertical:decrement {
|
|
// @apply bg-gray-700;
|
|
// background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 8l6 6H6z'/%3E%3C/svg%3E");
|
|
//}
|
|
//
|
|
//::-webkit-scrollbar-button:vertical:increment {
|
|
// @apply bg-gray-700;
|
|
// background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 16l-6-6h12z'/%3E%3C/svg%3E");
|
|
//}
|