cjw/Oxicloud
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

refactor(css): use 1 global declaration for scrollbar

Browse Source
This commit is contained in:
Edouard Vanbelle
2026-04-13 11:04:13 +02:00
parent ce207ebad1
commit 4dff552299
7 changed files with 18 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/components/buttons.css
+1 -1
View File
@@ -97,7 +97,7 @@
}
.toggle-btn.active {
background-color: var(--color-bg-surface);
background-color: var(--color-border);
color: var(--color-accent);
box-shadow: 0 1px 3px var(--color-shadow);
}
static/css/components/languageSelector.css
-16
View File
@@ -64,22 +64,6 @@
z-index: 1000;
}
/* Custom scrollbar */
.language-selector-dropdown::-webkit-scrollbar {
width: 6px;
}
.language-selector-dropdown::-webkit-scrollbar-track {
background: transparent;
margin: 8px 0;
}
.language-selector-dropdown::-webkit-scrollbar-thumb {
background-color: var(--color-border-medium);
border-radius: 3px;
}
.language-selector-dropdown::-webkit-scrollbar-thumb:hover {
background-color: var(--color-text-placeholder);
}
.language-selector.open .language-selector-dropdown {
opacity: 1;
visibility: visible;
static/css/layout/content.css
+17
View File
@@ -1,3 +1,20 @@
/* ── Scrollbar ── */
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
background: var(--color-bg-surface);
}
::-webkit-scrollbar-thumb {
background: var(--color-accent);
border-radius: 3px;
}
* {
scrollbar-width: thin;
scrollbar-color: var(--color-accent) var(--color-bg-surface);
}
/* Content area */
.content-area {
flex-grow: 1;
static/css/themes/dark.css
-30
View File
@@ -84,18 +84,6 @@
/* ------------ */
[data-theme="dark"] ::-webkit-scrollbar-thumb {
background-color: rgba(255, 255, 255, 0.15);
}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
background-color: rgba(255, 255, 255, 0.25);
}
[data-theme="dark"] * {
scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}
[data-theme="dark"] select {
background-color: #1e293b;
border-color: #334155;
@@ -156,24 +144,6 @@
background-color: #475569;
}
[data-theme="dark"] .view-toggle {
background-color: #1e293b;
border-color: #334155;
}
[data-theme="dark"] .toggle-btn {
color: #94a3b8;
}
[data-theme="dark"] .toggle-btn:hover {
background-color: #334155;
}
[data-theme="dark"] .toggle-btn.active {
background-color: #334155;
color: #ff5e3a;
}
[data-theme="dark"] .context-menu {
background: #1e293b;
border-color: #334155;
static/css/views/admin.css
-19
View File
@@ -148,25 +148,6 @@ body {
color: var(--color-text-faint);
}
/* ── Scrollbar ── */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: var(--color-shadow-md);
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: var(--color-shadow-2xl);
}
* {
scrollbar-width: thin;
scrollbar-color: var(--color-shadow-md) transparent;
}
/* ── Top Header Bar ── */
.admin-header {
background: linear-gradient(135deg, var(--color-sidebar-bg-from) 0%, var(--color-sidebar-bg-to) 100%);
static/css/views/auth.css
-17
View File
@@ -439,23 +439,6 @@
padding: 6px;
}
.lang-picker-list::-webkit-scrollbar {
width: 6px;
}
.lang-picker-list::-webkit-scrollbar-track {
background: transparent;
}
.lang-picker-list::-webkit-scrollbar-thumb {
background: var(--color-border);
border-radius: 3px;
}
.lang-picker-list::-webkit-scrollbar-thumb:hover {
background: var(--color-text-faint);
}
/* Language item in dropdown */
.lang-picker-item {
display: flex;
static/css/views/profile.css
-16
View File
@@ -27,22 +27,6 @@ body {
/* #main-content and #auth-error start hidden via .hidden class */
/* ── Scrollbar ── */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: var(--color-shadow-md);
border-radius: 4px;
}
* {
scrollbar-width: thin;
scrollbar-color: var(--color-shadow-md) transparent;
}
/* ── Header ── */
.profile-header {
background: linear-gradient(135deg, var(--color-sidebar-bg-from) 0%, var(--color-sidebar-bg-to) 100%);