v0.26.6
This commit is contained in:
Mateusz Gruszczyński committed
1 parent
464ff42cfd
commit
f07429c267
53 files changed
+1049
-283
No files matched your search
@@ -9386,3 +9386,235 @@ html[data-chart-style] :is(#workspace, dialog) svg polyline {
|
||||
min-height: var(--toolbar-control-height);
|
||||
padding-block: 0
|
||||
}
|
||||
|
||||
/* ACL policy builder: guided OR-composition for country + IP exceptions. */
|
||||
.acl-profile-layout {
|
||||
grid-template-columns: minmax(260px, .72fr) minmax(440px, 1.28fr)
|
||||
}
|
||||
|
||||
.acl-policy-builder,
|
||||
.acl-policy-preview {
|
||||
margin-top: 12px;
|
||||
padding: 12px;
|
||||
border: 1px solid var(--line);
|
||||
background: var(--bg)
|
||||
}
|
||||
|
||||
.acl-policy-step-head,
|
||||
.acl-policy-step-head>div,
|
||||
.acl-policy-preview-head {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
gap: 10px
|
||||
}
|
||||
|
||||
.acl-policy-step-head>div {
|
||||
justify-content: flex-start
|
||||
}
|
||||
|
||||
.acl-policy-step-head strong,
|
||||
.acl-policy-preview-head>span {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
color: var(--text)
|
||||
}
|
||||
|
||||
.acl-policy-step-head p {
|
||||
margin: 3px 0 0
|
||||
}
|
||||
|
||||
.acl-policy-step {
|
||||
display: inline-grid;
|
||||
place-items: center;
|
||||
flex: 0 0 24px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border: 1px solid var(--line);
|
||||
background: var(--panel);
|
||||
color: var(--muted);
|
||||
font: 11px var(--mono)
|
||||
}
|
||||
|
||||
.acl-policy-modes {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 8px;
|
||||
margin-top: 10px
|
||||
}
|
||||
|
||||
.acl-policy-mode-card {
|
||||
position: relative;
|
||||
display: flex !important;
|
||||
align-items: flex-start;
|
||||
gap: 9px;
|
||||
margin: 0 !important;
|
||||
padding: 10px;
|
||||
border: 1px solid var(--field-line);
|
||||
background: var(--field-bg);
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.acl-policy-mode-card:has(input:checked) {
|
||||
outline: 1px solid var(--green);
|
||||
border-color: var(--green)
|
||||
}
|
||||
|
||||
.acl-policy-mode-card input {
|
||||
margin-top: 2px
|
||||
}
|
||||
|
||||
.acl-policy-mode-card span {
|
||||
display: grid;
|
||||
gap: 3px
|
||||
}
|
||||
|
||||
.acl-policy-mode-card b {
|
||||
color: var(--text);
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
.acl-policy-mode-card small {
|
||||
color: var(--muted);
|
||||
line-height: 1.45
|
||||
}
|
||||
|
||||
.acl-policy-mode-custom {
|
||||
grid-column: 1 / -1
|
||||
}
|
||||
|
||||
.acl-policy-custom-controls {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 0 10px;
|
||||
margin-top: 6px;
|
||||
padding-top: 8px;
|
||||
border-top: 1px solid var(--line)
|
||||
}
|
||||
|
||||
.acl-policy-custom-controls[hidden] {
|
||||
display: none
|
||||
}
|
||||
|
||||
.acl-policy-switch {
|
||||
display: inline-flex !important;
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
margin: 0 !important;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
.acl-policy-country-list.is-disabled {
|
||||
opacity: .55
|
||||
}
|
||||
|
||||
.acl-profile-rule-action-badge {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-height: var(--ui-field-min-height);
|
||||
padding: 7px 9px;
|
||||
border: 1px solid var(--line);
|
||||
background: var(--panel);
|
||||
font-size: 11px;
|
||||
font-weight: 700
|
||||
}
|
||||
|
||||
.acl-profile-rule-action-badge.is-allow,
|
||||
.acl-policy-preview-head .is-allow {
|
||||
color: var(--green)
|
||||
}
|
||||
|
||||
.acl-profile-rule-action-badge.is-deny,
|
||||
.acl-policy-preview-head .is-deny {
|
||||
color: var(--red)
|
||||
}
|
||||
|
||||
.acl-policy-preview {
|
||||
display: grid;
|
||||
gap: 9px
|
||||
}
|
||||
|
||||
.acl-policy-preview-head {
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.acl-policy-preview-head b {
|
||||
padding: 4px 7px;
|
||||
border: 1px solid var(--line);
|
||||
background: var(--panel);
|
||||
font: 700 10px var(--mono)
|
||||
}
|
||||
|
||||
.acl-policy-preview-flow {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 6px
|
||||
}
|
||||
|
||||
.acl-policy-condition {
|
||||
display: inline-flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 5px;
|
||||
align-items: center;
|
||||
max-width: 100%;
|
||||
padding: 7px 9px;
|
||||
border: 1px solid var(--line);
|
||||
background: var(--panel);
|
||||
font-size: 11px
|
||||
}
|
||||
|
||||
.acl-policy-condition b {
|
||||
font-size: 10px;
|
||||
color: var(--muted)
|
||||
}
|
||||
|
||||
.acl-policy-condition span {
|
||||
overflow-wrap: anywhere
|
||||
}
|
||||
|
||||
.acl-policy-condition.allow {
|
||||
border-left: 3px solid var(--green)
|
||||
}
|
||||
|
||||
.acl-policy-condition.deny {
|
||||
border-left: 3px solid var(--red)
|
||||
}
|
||||
|
||||
.acl-policy-or {
|
||||
color: var(--muted);
|
||||
font: 700 10px var(--mono)
|
||||
}
|
||||
|
||||
.acl-policy-preview .fine {
|
||||
margin: 0
|
||||
}
|
||||
|
||||
.acl-profile-card .entity-details {
|
||||
white-space: pre-line
|
||||
}
|
||||
|
||||
@media(max-width:900px) {
|
||||
.acl-profile-layout,
|
||||
.acl-policy-modes,
|
||||
.acl-policy-custom-controls {
|
||||
grid-template-columns: 1fr
|
||||
}
|
||||
|
||||
.acl-policy-mode-custom {
|
||||
grid-column: auto
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width:640px) {
|
||||
.acl-policy-step-head,
|
||||
.acl-policy-preview-head {
|
||||
align-items: stretch;
|
||||
flex-direction: column
|
||||
}
|
||||
|
||||
.acl-policy-switch,
|
||||
.acl-policy-step-head>button {
|
||||
width: 100%
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user