mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2025-07-18 11:18:28 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

ensure sidebar mobile gradient is correct, remove comments in favor of more descriptive class name

Browse Source
This commit is contained in:
Alec Armbruster 2024-09-27 16:17:58 -07:00
parent 6bd695cb28
commit a05e38f166
No known key found for this signature in database
GPG Key ID: 52BC7C84E960FD1B
2 changed files with 17 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/sidebar/Sidebar.svelte
View File

@ -107,7 +107,7 @@
display: block; display: block;
position: absolute; position: absolute;
pointer-events: none; pointer-events: none;
background: var(--sidebar-mobile-gradient); background: var(--sidebar-mobile-scroll-gradient);
} }
#sidebar-tabs { #sidebar-tabs {

35
web/src/routes/+layout.svelte
View File

@ -134,6 +134,14 @@
--sidebar-highlight: #101010; --sidebar-highlight: #101010;
--sidebar-highlight-text: var(--sidebar-bg); --sidebar-highlight-text: var(--sidebar-bg);
--sidebar-hover: rgba(0, 0, 0, 0.1); --sidebar-hover: rgba(0, 0, 0, 0.1);
--sidebar-mobile-scroll-gradient: linear-gradient(
90deg,
rgba(255, 255, 255, 0.9) 0%,
rgba(255, 255, 255, 0) 4%,
rgba(255, 255, 255, 0) 50%,
rgba(255, 255, 255, 0) 96%,
rgba(255, 255, 255, 0.9) 100%
);
--input-border: #adadb7; --input-border: #adadb7;
@ -156,16 +164,6 @@
--switcher-padding: var(--sidebar-inner-padding); --switcher-padding: var(--sidebar-inner-padding);
/* used for fading the tab bar on scroll */
--sidebar-mobile-gradient: linear-gradient(
90deg,
rgba(0, 0, 0, 0.9) 0%,
rgba(0, 0, 0, 0) 4%,
rgba(0, 0, 0, 0) 50%,
rgba(0, 0, 0, 0) 96%,
rgba(0, 0, 0, 0.9) 100%
);
--skeleton-gradient: linear-gradient( --skeleton-gradient: linear-gradient(
90deg, 90deg,
var(--button-hover), var(--button-hover),
@ -211,15 +209,6 @@
--toggle-bg: var(--input-border); --toggle-bg: var(--input-border);
--toggle-bg-enabled: #777777; --toggle-bg-enabled: #777777;
--sidebar-mobile-gradient: linear-gradient(
90deg,
rgba(16, 16, 16, 0.9) 0%,
rgba(16, 16, 16, 0) 4%,
rgba(16, 16, 16, 0) 50%,
rgba(16, 16, 16, 0) 96%,
rgba(16, 16, 16, 0.9) 100%
);
--skeleton-gradient: linear-gradient( --skeleton-gradient: linear-gradient(
90deg, 90deg,
var(--button), var(--button),
@ -242,6 +231,14 @@
--sidebar-highlight: #f4f4f4; --sidebar-highlight: #f4f4f4;
--sidebar-highlight-text: var(--sidebar-bg); --sidebar-highlight-text: var(--sidebar-bg);
--sidebar-hover: rgba(255, 255, 255, 0.1); --sidebar-hover: rgba(255, 255, 255, 0.1);
--sidebar-mobile-scroll-gradient: linear-gradient(
90deg,
rgba(0, 0, 0, 0.9) 0%,
rgba(0, 0, 0, 0) 4%,
rgba(0, 0, 0, 0) 50%,
rgba(0, 0, 0, 0) 96%,
rgba(0, 0, 0, 0.9) 100%
);
} }
:global([data-theme="light"] [data-reduce-transparency="true"]) { :global([data-theme="light"] [data-reduce-transparency="true"]) {