style: replace scrollbar-width/color with ::-webkit-scrollbar

This commit is contained in:
James Clifford Spratt 2026-06-30 13:06:00 +01:00
parent aec55f1de9
commit aba08ad62a

View file

@ -1826,8 +1826,20 @@ tr[data-macro-line]:hover {
border-radius: 6px;
border: 1px solid var(--background-modifier-border);
background-color: var(--background-primary);
scrollbar-width: thin;
scrollbar-color: var(--background-modifier-border) transparent;
}
.macros-results-container::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.macros-results-container::-webkit-scrollbar-thumb {
background: var(--background-modifier-border);
border-radius: 4px;
}
.macros-results-container::-webkit-scrollbar-track {
background: transparent;
}
.macros-results-container:empty {
@ -2832,10 +2844,13 @@ tr[data-macro-line]:hover {
overflow-x: auto; /* Allow horizontal scrolling if needed */
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
}
.enhanced-add-to-macros-modal .tabs-container::-webkit-scrollbar {
display: none;
}
.enhanced-add-to-macros-modal .tabs-container.centered-tabs::-webkit-scrollbar {
display: none; /* Hide scrollbar on WebKit browsers */
}
@ -3114,8 +3129,20 @@ tr[data-macro-line]:hover {
gap: 12px;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
align-content: start;
scrollbar-width: thin;
scrollbar-color: var(--background-modifier-border) transparent;
}
.enhanced-add-to-macros-modal .items-container::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.enhanced-add-to-macros-modal .items-container::-webkit-scrollbar-thumb {
background: var(--background-modifier-border);
border-radius: 4px;
}
.enhanced-add-to-macros-modal .items-container::-webkit-scrollbar-track {
background: transparent;
}
.enhanced-add-to-macros-modal .items-container.active {
@ -3644,8 +3671,20 @@ tr[data-macro-line]:hover {
gap: 12px;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
align-content: start;
scrollbar-width: thin;
scrollbar-color: var(--background-modifier-border) transparent;
}
.enhanced-meal-template-modal .foods-container::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.enhanced-meal-template-modal .foods-container::-webkit-scrollbar-thumb {
background: var(--background-modifier-border);
border-radius: 4px;
}
.enhanced-meal-template-modal .foods-container::-webkit-scrollbar-track {
background: transparent;
}
.enhanced-meal-template-modal .foods-container::-webkit-scrollbar {