mirror of
https://github.com/Stirling-Tools/Stirling-PDF.git
synced 2026-09-03 05:10:16 +03:00
Normalize frontend CSS formatting
This changeset tidies formatting in several frontend stylesheet files without changing behavior. It standardizes selector spacing, removes redundant blank lines, and normalizes a CSS zero value from 0px to 0 for consistency across the editor and portal UI.
This commit is contained in:
@@ -56,9 +56,9 @@
|
||||
}
|
||||
|
||||
[data-mantine-color-scheme="dark"]
|
||||
.files-page-header-search
|
||||
.super-search
|
||||
input {
|
||||
.files-page-header-search
|
||||
.super-search
|
||||
input {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
@@ -12,6 +12,7 @@
|
||||
.workbenchBarReopenTab {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
|
||||
/* Right-align with the retract handle inside the bar: the bar's right
|
||||
margin (--nav-gutter) + 1px border + 8px bar padding + the handle's own
|
||||
6px inset. */
|
||||
|
||||
@@ -11,6 +11,7 @@
|
||||
transparent
|
||||
);
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: 0 0 0 6px transparent;
|
||||
background: transparent;
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
/* Horizontal toolbar at the top of the workbench area. */
|
||||
|
||||
.workbench-bar {
|
||||
|
||||
/* Flex-wrap layout that reflows by content width (measured in JS, which sets
|
||||
data-wrapped). Roomy: row 1 is [views | search | globals] and the tool
|
||||
icons sit on their own full-width row below. Crowded (data-wrapped): the
|
||||
@@ -34,6 +35,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 2px;
|
||||
|
||||
/* min-width:0 lets it shrink instead of forcing a wrap; overflow clips labels
|
||||
on very narrow viewports. */
|
||||
min-width: 0;
|
||||
@@ -99,6 +101,7 @@
|
||||
}
|
||||
|
||||
/* ---- Super search ---- */
|
||||
|
||||
/* Roomy: grows to fill the centre between views and globals. */
|
||||
.workbench-bar-search {
|
||||
order: 2;
|
||||
@@ -108,7 +111,7 @@
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 38px;
|
||||
transform: translateX(var(--workbench-bar-search-offset, 0px));
|
||||
transform: translateX(var(--workbench-bar-search-offset, 0));
|
||||
}
|
||||
|
||||
.workbench-bar-search .super-search {
|
||||
@@ -161,6 +164,7 @@
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 2px;
|
||||
|
||||
/* Symmetric side padding leaves room for the retract handle pinned right
|
||||
without knocking the centred tool icons off-centre. */
|
||||
padding: 4px 36px;
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
flex: 1 1 auto;
|
||||
min-width: 0;
|
||||
max-width: 560px;
|
||||
|
||||
--super-search-input-border: color-mix(
|
||||
in srgb,
|
||||
var(--c-text) 14%,
|
||||
@@ -25,6 +26,7 @@
|
||||
border-radius: var(--radius-md);
|
||||
background-color: var(--c-input-bg);
|
||||
box-shadow: 0 0 0 1px var(--super-search-input-outline);
|
||||
|
||||
/* Tighter than the shared TextInput default (8px/14px) for a compact,
|
||||
professional bar — height lands in line with the 28px action icons. */
|
||||
padding-top: 6px;
|
||||
@@ -50,6 +52,7 @@
|
||||
color: var(--c-text-subtle);
|
||||
background: var(--c-hover);
|
||||
border: 1px solid var(--c-border-subtle);
|
||||
|
||||
/* Tiny breathing room between the ⌘ glyph and the K. */
|
||||
letter-spacing: 0.06em;
|
||||
}
|
||||
@@ -119,6 +122,7 @@
|
||||
.super-search-section-toggle.mantine-Button-root {
|
||||
--button-height: auto;
|
||||
--button-padding-x: 0;
|
||||
|
||||
min-height: 0;
|
||||
padding-block: 0;
|
||||
flex: 0 0 auto;
|
||||
@@ -140,11 +144,13 @@
|
||||
/* Per-group "show N more" / "show less" toggle. */
|
||||
.super-search-show-more.mantine-Button-root {
|
||||
--button-height: auto;
|
||||
|
||||
min-height: 0;
|
||||
padding: 0.25rem 0.5rem 0.35rem;
|
||||
font-size: 0.78rem;
|
||||
color: var(--c-text-subtle);
|
||||
}
|
||||
|
||||
.super-search-show-more.mantine-Button-root:hover,
|
||||
.super-search-show-more.mantine-Button-root:focus-visible {
|
||||
background: transparent;
|
||||
|
||||
@@ -362,18 +362,22 @@ Directory (grouped roster) — Organization / teams / guests
|
||||
.portal-users__row + .portal-users__row {
|
||||
border-top: 1px solid var(--c-border-subtle);
|
||||
}
|
||||
|
||||
/* Deep-link landing flash (?member=<id>). */
|
||||
.portal-users__row--flash {
|
||||
animation: portal-users-row-flash 1.6s ease-out;
|
||||
}
|
||||
|
||||
@keyframes portal-users-row-flash {
|
||||
from {
|
||||
background: var(--c-hover);
|
||||
}
|
||||
|
||||
to {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.portal-users__row-main {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
Reference in New Issue
Block a user