v0.36.8
This commit is contained in:
Mateusz Gruszczyński committed
1 parent
0119b11005
commit
0cbe0566f5
6 files changed
+707
-607
No files matched your search
@@ -2351,7 +2351,8 @@ html[data-dashboard-density] #panel-overview .stat :is(.stat-chart-legend, .over
|
||||
}
|
||||
|
||||
/* Backends overview card (0.36.7): follows table density (global table rules), corner style tokens and interface colours */
|
||||
#panel-overview .backend-overview-card.is-no-proxy { display: none !important; }
|
||||
#panel-overview .backend-overview-card.is-no-proxy,
|
||||
#panel-overview #backend-diagnostics-card.is-no-proxy { display: none !important; }
|
||||
.bo-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; min-width: 0; }
|
||||
.bo-summary { color: var(--muted); font: 11px var(--mono); }
|
||||
.bo-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px; }
|
||||
@@ -2362,7 +2363,7 @@ html[data-dashboard-density] #panel-overview .stat :is(.stat-chart-legend, .over
|
||||
.bo-chip[aria-pressed=true] b { color: var(--accent); }
|
||||
.bo-chip.is-down b:not(.is-zero) { color: var(--red); }
|
||||
.backend-overview-card .table-scroll { max-height: 520px; overflow: auto; border-top: 1px solid var(--line); }
|
||||
.bo-table { width: 100%; min-width: 960px; border-collapse: collapse; font-size: 12px; }
|
||||
.bo-table { width: 100%; min-width: 1300px; border-collapse: collapse; font-size: 12px; }
|
||||
.bo-table th { position: sticky; top: 0; z-index: 1; padding: 8px 10px; background: var(--panel); color: var(--muted); font: 600 10px/1.2 var(--sans); letter-spacing: .05em; text-align: left; text-transform: uppercase; white-space: nowrap; }
|
||||
.bo-table td { padding: 9px 10px; border-top: 1px solid var(--row-line); vertical-align: middle; white-space: nowrap; }
|
||||
.bo-table .is-num { font-family: var(--mono); font-variant-numeric: tabular-nums; text-align: right; }
|
||||
@@ -2389,15 +2390,18 @@ html[data-dashboard-density] #panel-overview .stat :is(.stat-chart-legend, .over
|
||||
.bo-badge.is-down>i { background: var(--red); }
|
||||
.bo-badge.is-warn { border-color: var(--warn-line); color: var(--accent); }
|
||||
.bo-badge.is-warn>i { background: var(--accent); }
|
||||
.bo-errors { min-width: 130px; }
|
||||
.bo-errors { min-width: 150px; }
|
||||
.bo-meter-top { display: flex; justify-content: space-between; gap: 8px; font-family: var(--mono); font-variant-numeric: tabular-nums; }
|
||||
.bo-meter-top small { color: var(--text-subtle); font-size: .9em; }
|
||||
.bo-meter { height: 2px; margin-top: 5px; overflow: hidden; background: var(--line); border-radius: var(--rp-progress-radius, 0); }
|
||||
.bo-meter>i { display: block; height: 100%; background: var(--accent); border-radius: var(--rp-progress-radius, 0); }
|
||||
.bo-meter>i.is-high { background: var(--red); }
|
||||
.bo-latency { min-width: 130px; font-family: var(--mono); font-variant-numeric: tabular-nums; }
|
||||
.bo-latency { min-width: 200px; font-family: var(--mono); font-variant-numeric: tabular-nums; }
|
||||
.bo-latency>span { display: inline-block; min-width: 62px; }
|
||||
.bo-spark { width: 56px; height: 18px; margin-left: 6px; vertical-align: middle; }
|
||||
.bo-spark { height: 22px; margin-left: 6px; vertical-align: middle; flex: 0 0 auto; }
|
||||
.bo-spark-latency { width: 120px; }
|
||||
.bo-spark-traffic { width: 96px; margin-left: 0; }
|
||||
.bo-spark-bars { width: 84px; margin-left: 0; }
|
||||
.bo-spark polyline { fill: none; stroke: var(--green); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
|
||||
.bo-row.is-down .bo-spark polyline { stroke: var(--red); }
|
||||
.bo-row.is-warn .bo-spark polyline { stroke: var(--accent); }
|
||||
@@ -2412,12 +2416,18 @@ html[data-table-density=normal] .bo-table td { padding-top: 10px; padding-bottom
|
||||
html[data-table-density=ultra] .bo-table th { padding: 4px 8px; }
|
||||
html[data-table-density=ultra] .bo-table td { padding-left: 8px; padding-right: 8px; }
|
||||
html[data-table-density=ultra] .bo-sub { display: none; }
|
||||
html[data-table-density=ultra] .bo-spark { width: 40px; height: 12px; }
|
||||
html[data-table-density=ultra] .bo-spark { height: 14px; }
|
||||
html[data-table-density=ultra] .bo-spark-latency { width: 80px; }
|
||||
html[data-table-density=ultra] .bo-spark-traffic { width: 64px; }
|
||||
html[data-table-density=ultra] .bo-spark-bars { width: 56px; }
|
||||
html[data-table-density=ultra] .bo-meter { margin-top: 2px; }
|
||||
html[data-table-density=ultra] .bo-event small { display: inline; margin-left: 6px; }
|
||||
html[data-table-density=ultra] .bo-badge { padding: 0 6px; }
|
||||
html[data-table-density=ultra] .bo-chip { padding: 4px 8px; font-size: 11px; }
|
||||
html[data-table-density=compact] .bo-spark { width: 48px; height: 15px; }
|
||||
html[data-table-density=compact] .bo-spark { height: 18px; }
|
||||
html[data-table-density=compact] .bo-spark-latency { width: 100px; }
|
||||
html[data-table-density=compact] .bo-spark-traffic { width: 80px; }
|
||||
html[data-table-density=compact] .bo-spark-bars { width: 70px; }
|
||||
html[data-table-density=compact] .bo-chip { padding: 5px 9px; }
|
||||
html[data-table-density=compact] .bo-meter { margin-top: 3px; }
|
||||
|
||||
@@ -2454,3 +2464,20 @@ html[data-table-density=ultra] .pr-chip { padding: 1px 7px; }
|
||||
|
||||
/* initial width of the cache outcome segments (set from JS via CSSOM; inline style attributes are blocked by the CSP) */
|
||||
.cache-mix-hit, .cache-mix-miss, .cache-mix-bypass, .cache-mix-other { width: 0; }
|
||||
|
||||
/* Backends overview: trend charts in the requests, latency and traffic cells */
|
||||
.bo-chartcell { display: flex; align-items: center; justify-content: flex-end; gap: 10px; font: 12px var(--mono); font-variant-numeric: tabular-nums; }
|
||||
.bo-requests .bo-chartcell>span { min-width: 44px; text-align: right; }
|
||||
.bo-spark-bars rect { fill: var(--accent); opacity: .75; }
|
||||
.bo-spark .bo-base { stroke: var(--line); stroke-width: 1.5; stroke-linecap: round; }
|
||||
.bo-spark-latency .bo-base { stroke-dasharray: 2 4; }
|
||||
.bo-row .bo-spark-traffic polyline.bo-line-in { stroke: var(--blue); }
|
||||
.bo-row .bo-spark-traffic polyline.bo-line-out { stroke: var(--green); }
|
||||
.bo-traffic { min-width: 230px; }
|
||||
.bo-traffic-text { min-width: 118px; font: 11px/1.55 var(--mono); font-variant-numeric: tabular-nums; }
|
||||
.bo-traffic-text>div { display: flex; justify-content: space-between; gap: 8px; }
|
||||
.bo-traffic-text span { color: var(--text-subtle); }
|
||||
.bo-traffic-text .bo-in b { color: var(--blue); font-weight: 500; }
|
||||
.bo-traffic-text .bo-out b { color: var(--green); font-weight: 500; }
|
||||
.bo-traffic-text b.is-zero { color: var(--text-subtle); }
|
||||
html[data-table-density=ultra] .bo-traffic-text { line-height: 1.25; }
|
||||
Reference in new issue
Block a user