Mirrors/Stirling-PDF
Mirrors/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Frooodle/Stirling-PDF.git synced 2025-12-18 20:04:17 +01:00
Code Issues Packages Projects Releases Wiki Activity

styling

Browse Source
This commit is contained in:
EthanHealy01 2025-10-30 01:57:04 +00:00
parent 65a30aece7
commit 72313d1f67
2 changed files with 43 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
frontend/src/core/components/tools/compare/compareView.css
View File

@ -5,8 +5,8 @@
.compare-dropdown-sticky {
position: sticky;
z-index: 2;
background: var(--bg-surface);
color: var(--text-muted);
background: var(--compare-page-label-bg);
color: var(--compare-page-label-fg);
font-size: 0.75rem;
padding: 0.25rem 0.5rem;
border-bottom: 1px solid var(--border-subtle);
@ -14,8 +14,8 @@
}
[data-mantine-color-scheme="dark"] .compare-dropdown-sticky {
background: var(--bg-toolbar);
color: var(--text-secondary);
background: var(--compare-page-label-bg);
color: var(--compare-page-label-fg);
border-bottom: 1px solid var(--border-default);
}
.compare-workbench {
@ -137,6 +137,9 @@
.compare-changes-dropdown {
min-width: 520px !important;
max-width: 70vw !important;
padding: 0 !important;
overflow: hidden; /* prevent inner elements from overflowing rounded edges */
border-radius: 8px !important; /* match dropdown container radius */
}
/* Ensure options text uses full width inside wider dropdown */
@ -144,6 +147,22 @@
max-width: 100%;
}
/* Remove default padding inside Mantine options list so sticky header touches edges */
.compare-changes-dropdown .mantine-Combobox-options {
padding: 0 !important;
}
.compare-dropdown-scrollwrap { margin: 0; }
/* Ensure search field sits flush and does not overflow */
.compare-changes-dropdown .mantine-Combobox-search {
box-sizing: border-box;
width: 100% !important;
margin: 0 !important;
border-top-left-radius: 8px !important;
border-top-right-radius: 8px !important;
}
/* Style the dropdown container */
.compare-changes-select .mantine-Combobox-dropdown {
border: 1px solid var(--border-subtle) !important;
@ -371,6 +390,14 @@
margin-right: auto;
}
.compare-page-title .mantine-Text-root {
display: inline-block;
padding: 2px 8px;
border-radius: 8px;
background-color: var(--compare-page-label-bg);
color: var(--compare-page-label-fg);
}
/* Overlay loader to avoid flash when image not yet loaded */
.compare-page-loader-overlay {
position: absolute;
@ -410,8 +437,8 @@
/* Non-sticky in-flow group headers; sticky handled by floating header */
.compare-dropdown-group {
position: static;
background: transparent;
color: var(--text-muted);
background: var(--compare-page-label-bg);
color: var(--compare-page-label-fg);
font-size: 0.75rem;
padding: 0.25rem 0.5rem;
border-bottom: 1px solid var(--border-subtle);
@ -426,8 +453,8 @@
}
[data-mantine-color-scheme="dark"] .compare-dropdown-group {
background: transparent;
color: var(--text-secondary);
background: var(--compare-page-label-bg);
color: var(--compare-page-label-fg);
border-bottom: 1px solid var(--border-default);
}

8
frontend/src/core/styles/theme.css
View File

@ -292,6 +292,10 @@
--compare-upload-icon-bg: rgba(148, 163, 184, 0.2);
--compare-upload-icon-color: rgba(17, 24, 39, 0.75);
--compare-upload-divider: rgba(148, 163, 184, 0.5);
/* Compare page label chip (light mode): slightly lighter than surrounding rows */
--compare-page-label-bg: var(--bg-muted);
--compare-page-label-fg: var(--text-secondary);
}
[data-mantine-color-scheme="dark"] {
@ -516,6 +520,10 @@
--compare-upload-icon-bg: rgba(75, 85, 99, 0.2);
--compare-upload-icon-color: rgba(243, 244, 246, 0.75);
--compare-upload-divider: rgba(75, 85, 99, 0.5);
/* Compare page label chip (dark mode): slightly darker than surrounding rows */
--compare-page-label-bg: #1F2329;
--compare-page-label-fg: var(--text-secondary);
}
/* Dropzone drop state styling */