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:
Ludy87
2026-08-13 16:17:57 +02:00
parent a1bd1a483e
commit e3926c3d68
6 changed files with 20 additions and 4 deletions
@@ -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;