ac1caef972
Y3R C4LL is the operator inbox alone: no P3NDING APPR0VALS section, no approval cards or history, no approval_resolved subscription, no approval browser notifications, and the tab count and title prefix count unread operator messages only. The H0M3 tile text drops "approvals". The deny form was the only data-prompt form, so bindAsyncForms' prompt branch, themedPrompt and its dialog styles go too, along with the approval-only CSS (.approval*, .approvals-history, .btn-deny, the status/glyph colours and .history-note).
65 lines
1.6 KiB
CSS
65 lines
1.6 KiB
CSS
/* hive-dialog.css — scoped stylesheet for the <hive-dialog> shadow-DOM
|
|
custom element (hive-dialog.js). Loaded as raw text at build time
|
|
(esbuild's `text` loader) and appended as a `<style>` element inside
|
|
the shadow root. `:host` styles the element itself, which *is* the
|
|
fixed-position backdrop — no separate light-DOM backdrop div. Button
|
|
styling (base look + cancel/confirm/danger variants) lives in
|
|
hive-btn.css, not here — the dialog's buttons are <hive-btn> elements
|
|
with their own shadow root. */
|
|
|
|
:host {
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: 1000;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 1em;
|
|
background: color-mix(in srgb, var(--crust) 60%, transparent);
|
|
-webkit-backdrop-filter: blur(2px);
|
|
backdrop-filter: blur(2px);
|
|
}
|
|
.box {
|
|
background: var(--bg-elev);
|
|
border: 1px solid var(--purple-dim);
|
|
box-shadow: 0 8px 40px -8px var(--crust);
|
|
padding: 1.2em 1.4em;
|
|
max-width: min(32em, 92vw);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.9em;
|
|
}
|
|
.title {
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.08em;
|
|
color: var(--subtext0);
|
|
}
|
|
.message {
|
|
color: var(--fg);
|
|
line-height: 1.45;
|
|
}
|
|
.checks {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.4em;
|
|
}
|
|
.checkrow {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 0.5em;
|
|
cursor: pointer;
|
|
color: var(--subtext0);
|
|
font-size: 0.92em;
|
|
line-height: 1.35;
|
|
}
|
|
.checkrow .check {
|
|
margin-top: 0.2em;
|
|
flex: 0 0 auto;
|
|
}
|
|
.actions {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
gap: 0.6em;
|
|
margin-top: 0.2em;
|
|
}
|