v0.34.4
This commit is contained in:
Mateusz Gruszczyński committed
1 parent
ee174bc283
commit
52e7ce7b46
24 files changed
+672
-418
No files matched your search
+171
-65
@@ -12315,7 +12315,8 @@ html[data-dashboard-density=ultra] #panel-overview .stat-cache-outcomes .cache-m
|
||||
font: 400 10px var(--mono);
|
||||
}
|
||||
|
||||
.docker-agent-summary>span,
|
||||
/* Docker TLS SHA-256 values must wrap even in narrow mobile details cards. */
|
||||
.docker-agent-summary > span,
|
||||
.docker-agent-security-hint,
|
||||
.docker-fingerprint {
|
||||
min-width: 0;
|
||||
@@ -12324,76 +12325,181 @@ html[data-dashboard-density=ultra] #panel-overview .stat-cache-outcomes .cache-m
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.vh-acl-profile-picker,
|
||||
.docker-acl-choices {
|
||||
/* Reusable searchable ACL multi-select: identical in the ordinary vhost editor,
|
||||
Docker agent defaults and Docker per-service overrides. All internal corners
|
||||
follow the user-selected control radius; fallbacks preserve Original style. */
|
||||
.vh-acl-profile-picker, .acl-picker { min-width: 0; width: 100%; }
|
||||
.vh-acl-profile-picker > strong { display: block; margin-bottom: 8px; }
|
||||
.acl-picker-details {
|
||||
border: 1px solid var(--field-line);
|
||||
background: var(--field-bg);
|
||||
border-radius: var(--rp-radius-control, 8px);
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.vh-acl-profile-picker>strong {
|
||||
display: block;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.vh-acl-profile-choices,
|
||||
.docker-acl-choices {
|
||||
.acl-picker-details[open] { border-color: var(--border-hover); }
|
||||
.acl-picker-summary {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-start;
|
||||
gap: 5px 14px;
|
||||
}
|
||||
|
||||
.vh-acl-profile-choice,
|
||||
.docker-acl-choice {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
min-height: 32px;
|
||||
gap: 7px;
|
||||
max-width: 100%;
|
||||
overflow-wrap: anywhere;
|
||||
gap: 12px;
|
||||
padding: 10px 12px;
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
min-height: 21px;
|
||||
}
|
||||
|
||||
.vh-acl-profile-choice input,
|
||||
.docker-acl-choice input {
|
||||
flex: 0 0 auto;
|
||||
width: auto !important;
|
||||
min-height: 0 !important;
|
||||
height: auto !important;
|
||||
.acl-picker-heading { flex: 1 1 auto; font-weight: 600; min-width: 0; }
|
||||
.acl-picker-counter {
|
||||
color: var(--accent);
|
||||
border: 1px solid var(--pill-line);
|
||||
border-radius: var(--rp-radius-control, 12px);
|
||||
padding: 2px 7px;
|
||||
font: 11px var(--mono);
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.acl-stack-warning {
|
||||
margin: 8px 0 0;
|
||||
font-size: 11px;
|
||||
line-height: 1.5;
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
.docker-acl-grid .docker-acl-choices,
|
||||
.docker-agent-grid .docker-acl-choices {
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.docker-acl-grid .docker-field:has(.docker-acl-choices) {
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
.docker-cert-mismatch {
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
@media (max-width: 760px) {
|
||||
.docker-acl-grid .docker-field:has(.docker-acl-choices) {
|
||||
grid-column: auto;
|
||||
}
|
||||
|
||||
.docker-agent-summary>span,
|
||||
.docker-fingerprint {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.docker-agent-grid .docker-agent-fingerprint {
|
||||
min-width: 0;
|
||||
.acl-picker-dropdown { padding: 10px; border-top: 1px solid var(--line); }
|
||||
.acl-picker-search, .docker-agent-grid .acl-picker-search {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
min-height: 34px;
|
||||
height: 34px;
|
||||
margin: 0 0 9px;
|
||||
}
|
||||
.acl-picker-options { display: grid; max-height: 270px; overflow-y: auto; gap: 5px; }
|
||||
.acl-picker-option {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--rp-radius-control, 6px);
|
||||
background: var(--panel);
|
||||
padding: 9px 10px;
|
||||
cursor: pointer;
|
||||
min-width: 0;
|
||||
}
|
||||
.acl-picker-option:hover, .acl-picker-option:has(input:focus-visible) { border-color: var(--border-hover); }
|
||||
.acl-picker-option:has(input:checked) { border-color: var(--pill-live-line); background: var(--nav-selected-bg); }
|
||||
.acl-picker-option[hidden], .acl-picker-empty[hidden], .acl-picker-limit[hidden] { display: none !important; }
|
||||
.acl-picker-option input[type=checkbox] {
|
||||
flex: 0 0 auto;
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
min-height: 16px !important;
|
||||
margin: 2px 0 0;
|
||||
}
|
||||
.acl-picker-option input:disabled { opacity: .35; }
|
||||
.acl-picker-option:has(input:disabled) { cursor: not-allowed; opacity: .6; }
|
||||
.acl-picker-option-content { display: grid; flex: 1; min-width: 0; gap: 5px; }
|
||||
.acl-picker-option-heading { display: flex; flex-wrap: wrap; gap: 5px 9px; align-items: center; }
|
||||
.acl-picker-option-heading strong { font-size: 12px; color: var(--text); overflow-wrap: anywhere; }
|
||||
.acl-picker-id { font: 10px var(--mono); color: var(--muted); overflow-wrap: anywhere; }
|
||||
.acl-picker-policy {
|
||||
font: 10px var(--mono);
|
||||
line-height: 1.4;
|
||||
border-radius: var(--rp-radius-control, 12px);
|
||||
padding: 2px 7px;
|
||||
border: 1px solid var(--line);
|
||||
color: var(--muted);
|
||||
white-space: nowrap;
|
||||
}
|
||||
.acl-picker-policy.is-deny { border-color: var(--danger-line); color: var(--red); }
|
||||
.acl-picker-policy.is-allow { border-color: var(--pill-live-line); color: var(--green); }
|
||||
.acl-picker-rule-preview {
|
||||
display: block;
|
||||
line-height: 1.45;
|
||||
overflow-wrap: anywhere;
|
||||
color: var(--muted);
|
||||
font-size: 11px;
|
||||
}
|
||||
.acl-picker-selected { display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0 0; min-width: 0; }
|
||||
.acl-picker-tag {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
max-width: 100%;
|
||||
gap: 7px;
|
||||
padding: 2px 4px 2px 9px;
|
||||
border-radius: var(--rp-radius-control, 15px);
|
||||
border: 1px solid var(--pill-live-line);
|
||||
background: var(--nav-selected-bg);
|
||||
font-size: 11px;
|
||||
}
|
||||
.acl-picker-tag > span { overflow-wrap: anywhere; min-width: 0; }
|
||||
.acl-picker-tag .acl-picker-remove {
|
||||
border: none;
|
||||
border-radius: var(--rp-radius-control, 50%);
|
||||
background: transparent;
|
||||
color: var(--muted);
|
||||
min-width: 20px;
|
||||
height: 20px;
|
||||
font-size: 16px;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
.acl-picker-tag .acl-picker-remove:hover { background: var(--panel2); color: var(--text); }
|
||||
.acl-picker-no-selection { font-size: 11px; }
|
||||
.acl-picker-limit { display: block; padding-top: 7px; }
|
||||
.acl-stack-warning { margin: 8px 0 0; font-size: 11px; line-height: 1.5; color: var(--notice-text); }
|
||||
.docker-profile-field { min-width: 0; }
|
||||
.docker-acl-grid .docker-profile-field { grid-column: span 2; }
|
||||
.docker-agent-grid .docker-profile-field { grid-column: span 2; }
|
||||
|
||||
/* Certificate acceptance is an independent, upper-right security control. */
|
||||
.docker-service-certificate-bar { display: flex; justify-content: flex-end; margin: 0 0 12px; }
|
||||
.docker-service-certificate-control {
|
||||
display: grid;
|
||||
gap: 5px;
|
||||
width: min(100%, 510px);
|
||||
padding: 10px 12px;
|
||||
border: 1px solid var(--notice-line);
|
||||
border-radius: 8px;
|
||||
background: var(--notice-bg);
|
||||
min-width: 0;
|
||||
}
|
||||
.docker-service-certificate-title { display: flex; align-items: center; gap: 9px; }
|
||||
.docker-service-certificate-title strong { font-size: 11px; }
|
||||
.docker-cert-risk-pill[hidden] { display: none; }
|
||||
.docker-service-certificate-control .docker-field > span:first-child { color: var(--text); }
|
||||
.docker-service-certificate-control .docker-checkbox-field { gap: 3px; }
|
||||
.docker-service-certificate-control .docker-checkbox-field .check { font-size: 11px; }
|
||||
.docker-service-certificate-control .acl-stack-warning { color: var(--notice-text); }
|
||||
.docker-service-certificate-control .fine[hidden] { display: none; }
|
||||
.docker-cert-mismatch { flex: 0 0 auto; }
|
||||
|
||||
.docker-protocol-panel {
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 8px;
|
||||
background: var(--panel);
|
||||
padding: 11px 12px;
|
||||
margin: 10px 0 12px;
|
||||
min-width: 0;
|
||||
}
|
||||
.docker-protocol-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 12px; margin-bottom: 9px; }
|
||||
.docker-protocol-heading strong { font-size: 12px; }
|
||||
.docker-protocol-heading small { font-size: 11px; }
|
||||
.docker-protocol-options { display: flex; flex-wrap: wrap; gap: 8px; }
|
||||
.docker-protocol-options > * {
|
||||
display: grid;
|
||||
align-content: center;
|
||||
min-width: 130px;
|
||||
flex: 1 1 145px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid var(--line);
|
||||
background: var(--panel2);
|
||||
padding: 8px 12px;
|
||||
min-height: 49px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.docker-protocol-fixed { gap: 4px; }
|
||||
.docker-protocol-fixed strong { font-size: 11px; }
|
||||
.docker-protocol-fixed small { font-size: 10px; }
|
||||
.docker-protocol-options .docker-checkbox-field > span:first-child { color: var(--text); font-size: 11px; }
|
||||
.docker-protocol-options .docker-checkbox-field .vh-check { font-size: 11px; }
|
||||
|
||||
@media (max-width: 760px) {
|
||||
.docker-acl-grid .docker-profile-field, .docker-agent-grid .docker-profile-field { grid-column: auto; }
|
||||
.docker-service-certificate-control { width: 100%; }
|
||||
.docker-agent-summary > span, .docker-fingerprint { width: 100%; }
|
||||
.acl-picker-option-heading { align-items: flex-start; }
|
||||
}
|
||||
|
||||
/* Keep the editable SHA-256 input from expanding narrow settings grids. */
|
||||
.docker-agent-grid .docker-agent-fingerprint { min-width: 0; width: 100%; box-sizing: border-box; }
|
||||
Reference in new issue
Block a user