This commit is contained in:
Mateusz Gruszczyński committed 2026-10-22 23:00:07 +02:00
1 parent d8bdc6e780
commit 70388578cb
5 files changed
+143 -122

No files matched your search

+111 -103
View File
@@ -85,8 +85,7 @@
--ui-check-size: 15px;
--ui-range-height: 18px;
--mono: ui-monospace, SFMono-Regular, Consolas, monospace;
--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif
;
--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
html[data-theme=light] {
@@ -135,8 +134,7 @@ html[data-theme=light] {
--neutral-soft: rgba(70, 78, 72, .05);
--scrollbar-track: #e7ece4;
--scrollbar-thumb: #a9b5a6;
--scrollbar-thumb-hover: #879684
;
--scrollbar-thumb-hover: #879684;
}
html:is([data-theme=light], [data-theme=cream]) {
@@ -1245,7 +1243,7 @@ button.is-saving {
}
.nav span,
.version {
.version {
display: none;
}
@@ -1270,7 +1268,7 @@ button.is-saving {
}
.breadcrumb span,
.login-footer span {
.login-footer span {
margin: 0 5px;
}
@@ -1337,8 +1335,8 @@ button.is-saving {
}
.chart-footer,
.login-footer,
.page-footer {
.login-footer,
.page-footer {
font-size: 8px;
}
@@ -2052,8 +2050,8 @@ td {
}
.breadcrumb b,
.nav span,
.topbar .version {
.nav span,
.topbar .version {
display: none;
}
@@ -2157,7 +2155,7 @@ td {
}
.outline,
.primary {
.primary {
white-space: normal;
}
@@ -2493,8 +2491,8 @@ td {
}
.vh-field input,
.vh-field select,
.vh-field textarea {
.vh-field select,
.vh-field textarea {
font-size: 12px;
}
}
@@ -2514,16 +2512,14 @@ body[data-density=dense] {
--ui-gap: 4px;
--ui-card: 7px;
--ui-font: 11.5px;
--ui-control: 25px
;
--ui-control: 25px;
}
body[data-density=comfortable] {
--ui-gap: 13px;
--ui-card: 17px;
--ui-font: 14px;
--ui-control: 36px
;
--ui-control: 36px;
}
.shell {
@@ -3022,7 +3018,7 @@ html[data-button-style=compact] body {
}
.edition,
.sidebar-bottom {
.sidebar-bottom {
display: none;
}
@@ -3084,8 +3080,8 @@ html[data-button-style=compact] body {
}
.page-label,
.page-source,
.vh-header-row>:nth-child(3) {
.page-source,
.vh-header-row>:nth-child(3) {
grid-column: 1/-1;
}
@@ -3368,7 +3364,7 @@ body[data-density=dense] .stat strong {
}
.cache-toolbar select,
.cache-toolbar>* {
.cache-toolbar>* {
max-width: 100%;
}
@@ -3664,8 +3660,9 @@ dialog .window-heading {
}
@media (max-width:640px) {
.acl-rule,
.basic-user {
.basic-user {
grid-template-columns: 1fr 1fr;
}
@@ -3879,12 +3876,12 @@ dialog .window-heading {
}
.location-actions,
.location-toolbar {
.location-toolbar {
align-items: stretch;
}
.location-actions>button,
.location-toolbar>button {
.location-toolbar>button {
flex: 1 1 150px;
}
@@ -4048,8 +4045,8 @@ dialog .window-heading {
}
.location-preview-grid,
.vh-header-row.is-remove .vh-header-rule-fields,
.vh-header-rule-fields {
.vh-header-row.is-remove .vh-header-rule-fields,
.vh-header-rule-fields {
grid-template-columns: 1fr;
}
}
@@ -4251,8 +4248,9 @@ dialog .window-heading {
}
@media (max-width:720px) {
.logging-grid,
.traffic-chart-grid {
.traffic-chart-grid {
grid-template-columns: 1fr;
}
@@ -4420,9 +4418,9 @@ dialog .window-heading {
}
#panel-notfound .card-heading,
#panel-redirects .card-heading,
#panel-vhosts .card-heading,
.backend-card-heading {
#panel-redirects .card-heading,
#panel-vhosts .card-heading,
.backend-card-heading {
align-items: stretch;
flex-direction: column;
}
@@ -4433,8 +4431,8 @@ dialog .window-heading {
}
#notfound-search,
#redirect-search,
#vhost-search {
#redirect-search,
#vhost-search {
flex: 1 1 auto;
width: auto;
min-width: 0;
@@ -4771,9 +4769,10 @@ dialog .window-heading {
}
@media (max-width:900px) {
.acl-profile-layout,
.logging-builder-layout,
.logging-format-actions {
.logging-builder-layout,
.logging-format-actions {
grid-template-columns: 1fr;
}
@@ -4947,8 +4946,9 @@ dialog .window-heading {
}
@media (max-width:760px) {
.redirect-card .vhost-detail-strip,
.redirect-rule .vh-grid {
.redirect-rule .vh-grid {
grid-template-columns: 1fr;
}
}
@@ -5166,7 +5166,7 @@ dialog .window-heading {
}
.protocol-toggle-row .check,
.protocol-toggle-row .vh-check {
.protocol-toggle-row .vh-check {
min-width: 0;
}
@@ -5457,18 +5457,18 @@ dialog .window-heading {
}
.docker-health-grid,
.docker-passive-health-editor .docker-health-grid,
.docker-route-grid {
.docker-passive-health-editor .docker-health-grid,
.docker-route-grid {
grid-template-columns: 1fr;
}
.docker-passive-health-editor .docker-passive-5xx-warning,
.docker-passive-health-editor .docker-passive-slow-warning {
.docker-passive-health-editor .docker-passive-slow-warning {
grid-column: auto;
}
.docker-agent-security,
.docker-toolbar {
.docker-toolbar {
align-items: flex-start;
flex-direction: column;
}
@@ -5632,15 +5632,17 @@ dialog .window-heading {
}
@media (max-width:1000px) {
.docker-acl-grid,
.docker-timeout-grid {
.docker-timeout-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width:760px) {
.docker-acl-grid,
.docker-timeout-grid {
.docker-timeout-grid {
grid-template-columns: 1fr;
}
@@ -5878,8 +5880,9 @@ dialog .window-heading {
}
@media (prefers-reduced-motion: reduce) {
.docker-publish-field .docker-publish,
.docker-publish-field .docker-publish::before {
.docker-publish-field .docker-publish::before {
transition: none;
}
}
@@ -5939,8 +5942,8 @@ dialog .window-heading {
}
.docker-service-editor>summary,
.docker-service-head-actions,
.security-editor>summary {
.docker-service-head-actions,
.security-editor>summary {
align-items: flex-start;
flex-direction: column;
}
@@ -6507,14 +6510,15 @@ body[data-density=compact] .page-footer {
}
.docker-alias-field,
.docker-switch-row {
.docker-switch-row {
grid-column: 1/-1;
}
}
@media (max-width:760px) {
.docker-route-grid,
.transform-diagnostics {
.transform-diagnostics {
grid-template-columns: 1fr;
}
@@ -6747,21 +6751,22 @@ body[data-density=compact] .page-footer {
}
@media (max-width:700px) {
#panel-tls .certificate-operation-heading,
#panel-tls .certificate-subheading,
#panel-tls .certificate-workspace-heading,
#panel-tls .renewal-entry-head {
#panel-tls .certificate-subheading,
#panel-tls .certificate-workspace-heading,
#panel-tls .renewal-entry-head {
align-items: stretch;
flex-direction: column;
}
#panel-tls .certificate-subheading>button,
#panel-tls .certificate-workspace-heading>button {
#panel-tls .certificate-workspace-heading>button {
width: 100%;
}
#panel-tls .certificate-tabs,
#panel-tls .renewal-meta {
#panel-tls .renewal-meta {
grid-template-columns: 1fr;
}
@@ -7272,8 +7277,9 @@ body[data-density=compact] .page-footer {
}
@media (max-width:760px) {
.certificate-api-credential-row,
.network-interface-row-head {
.network-interface-row-head {
align-items: flex-start;
}
@@ -7661,7 +7667,7 @@ button.config-history-day.is-selected {
}
.mobile-menu-toggle:hover,
.mobile-menu-toggle[aria-expanded=true] {
.mobile-menu-toggle[aria-expanded=true] {
color: var(--rp-nav-active-color);
border-color: var(--rp-nav-active-color);
background: var(--rp-nav-active-bg);
@@ -8090,15 +8096,16 @@ button.config-history-day.is-selected {
}
@media (max-width:700px) {
.file-logs-heading-actions,
.file-logs-table-toolbar {
.file-logs-table-toolbar {
align-items: stretch;
flex-wrap: wrap;
}
.file-log-column-picker .log-column-options,
.file-log-field,
.file-logs-filter {
.file-log-field,
.file-logs-filter {
grid-template-columns: 1fr;
}
@@ -9115,9 +9122,10 @@ html[data-chart-style] :is(#workspace, dialog) svg polyline {
}
@media (max-width:900px) {
.acl-policy-custom-controls,
.acl-policy-modes,
.acl-profile-layout {
.acl-policy-modes,
.acl-profile-layout {
grid-template-columns: 1fr;
}
@@ -9127,14 +9135,15 @@ html[data-chart-style] :is(#workspace, dialog) svg polyline {
}
@media (max-width:640px) {
.acl-policy-preview-head,
.acl-policy-step-head {
.acl-policy-step-head {
align-items: stretch;
flex-direction: column;
}
.acl-policy-step-head>button,
.acl-policy-switch {
.acl-policy-switch {
width: 100%;
}
}
@@ -9364,7 +9373,7 @@ html[data-chart-style] :is(#workspace, dialog) svg polyline {
overflow-y: auto;
}
.cache-varnish-info .metric-info-popover .fine + .fine {
.cache-varnish-info .metric-info-popover .fine+.fine {
margin-top: 8px;
}
@@ -9536,13 +9545,14 @@ html[data-chart-style] :is(#workspace, dialog) svg polyline {
}
@media (max-width:700px) {
#file-log-view-counts,
#file-log-view-entries,
#panel-filelogs,
#panel-filelogs .file-log-field-grid,
#panel-filelogs .file-logs-table,
#panel-filelogs .file-logs-table-toolbar,
#panel-filelogs .file-logs-workspace {
#file-log-view-entries,
#panel-filelogs,
#panel-filelogs .file-log-field-grid,
#panel-filelogs .file-logs-table,
#panel-filelogs .file-logs-table-toolbar,
#panel-filelogs .file-logs-workspace {
box-sizing: border-box;
min-width: 0;
max-width: 100%;
@@ -9577,7 +9587,7 @@ html[data-chart-style] :is(#workspace, dialog) svg polyline {
}
#panel-filelogs .file-log-aggregate-form,
#panel-filelogs .file-logs-filter {
#panel-filelogs .file-logs-filter {
grid-template-columns: minmax(0, 1fr);
}
@@ -9586,11 +9596,11 @@ html[data-chart-style] :is(#workspace, dialog) svg polyline {
}
#panel-filelogs .file-log-aggregate-form input,
#panel-filelogs .file-log-aggregate-form label,
#panel-filelogs .file-log-aggregate-form select,
#panel-filelogs .file-logs-filter input,
#panel-filelogs .file-logs-filter label,
#panel-filelogs .file-logs-filter select {
#panel-filelogs .file-log-aggregate-form label,
#panel-filelogs .file-log-aggregate-form select,
#panel-filelogs .file-logs-filter input,
#panel-filelogs .file-logs-filter label,
#panel-filelogs .file-logs-filter select {
min-width: 0;
max-width: 100%;
}
@@ -9619,7 +9629,7 @@ html[data-chart-style] :is(#workspace, dialog) svg polyline {
}
#panel-filelogs .file-logs-table table,
#panel-filelogs .file-logs-table tbody {
#panel-filelogs .file-logs-table tbody {
display: block;
width: 100%;
min-width: 0;
@@ -9671,9 +9681,9 @@ html[data-chart-style] :is(#workspace, dialog) svg polyline {
}
#panel-filelogs .file-logs-table td[data-mobile-column=event],
#panel-filelogs .file-logs-table td[data-mobile-column=status],
#panel-filelogs .file-logs-table td[data-mobile-column=time],
#panel-filelogs .file-logs-table td[data-mobile-column=vhost] {
#panel-filelogs .file-logs-table td[data-mobile-column=status],
#panel-filelogs .file-logs-table td[data-mobile-column=time],
#panel-filelogs .file-logs-table td[data-mobile-column=vhost] {
color: var(--muted);
font-size: 11px;
}
@@ -9780,7 +9790,7 @@ html[data-chart-style] :is(#workspace, dialog) svg polyline {
}
#panel-filelogs .file-logs-table td[data-mobile-column=time],
#panel-filelogs .file-logs-table td[data-mobile-column=vhost] {
#panel-filelogs .file-logs-table td[data-mobile-column=vhost] {
grid-column: 1/-1;
}
@@ -10142,7 +10152,7 @@ html[data-chart-style] :is(#workspace, dialog) svg polyline {
}
#panel-overview .dashboard-overview-grid>.card:not(.pool-card),
#panel-overview .dashboard-overview-grid>.stat {
#panel-overview .dashboard-overview-grid>.stat {
grid-column: span 2;
}
}
@@ -10467,7 +10477,7 @@ html[data-chart-style] :is(#workspace, dialog) svg polyline {
}
#panel-overview .dashboard-overview-grid.is-aligned>.card.overview-wide-chart,
#panel-overview .dashboard-overview-grid.is-aligned>.pool-card {
#panel-overview .dashboard-overview-grid.is-aligned>.pool-card {
grid-column: 1/-1;
}
}
@@ -11437,7 +11447,7 @@ html:is([data-corner-style=square], [data-corner-style=subtle], [data-corner-sty
}
#panel-overview .dashboard-overview-grid.is-aligned>[data-dashboard-widget][data-dashboard-span="12"],
#panel-overview .dashboard-overview-grid.is-aligned>[data-dashboard-widget][data-dashboard-span="6"] {
#panel-overview .dashboard-overview-grid.is-aligned>[data-dashboard-widget][data-dashboard-span="6"] {
grid-column: 1/-1;
}
}
@@ -11448,10 +11458,10 @@ html:is([data-corner-style=square], [data-corner-style=subtle], [data-corner-sty
}
#panel-overview .dashboard-overview-grid.is-aligned>[data-dashboard-widget][data-dashboard-span="12"],
#panel-overview .dashboard-overview-grid.is-aligned>[data-dashboard-widget][data-dashboard-span="2"]:not(.stat),
#panel-overview .dashboard-overview-grid.is-aligned>[data-dashboard-widget][data-dashboard-span="3"],
#panel-overview .dashboard-overview-grid.is-aligned>[data-dashboard-widget][data-dashboard-span="4"],
#panel-overview .dashboard-overview-grid.is-aligned>[data-dashboard-widget][data-dashboard-span="6"] {
#panel-overview .dashboard-overview-grid.is-aligned>[data-dashboard-widget][data-dashboard-span="2"]:not(.stat),
#panel-overview .dashboard-overview-grid.is-aligned>[data-dashboard-widget][data-dashboard-span="3"],
#panel-overview .dashboard-overview-grid.is-aligned>[data-dashboard-widget][data-dashboard-span="4"],
#panel-overview .dashboard-overview-grid.is-aligned>[data-dashboard-widget][data-dashboard-span="6"] {
grid-column: 1/-1;
}
}
@@ -12220,13 +12230,14 @@ html[data-dashboard-density=ultra] #panel-overview .stat-cache-outcomes .cache-m
}
@media (max-width:760px) {
.docker-acl-grid .docker-profile-field,
.docker-agent-grid .docker-profile-field {
.docker-agent-grid .docker-profile-field {
grid-column: auto;
}
.docker-agent-summary>span,
.docker-fingerprint {
.docker-fingerprint {
width: 100%;
}
@@ -12386,7 +12397,7 @@ html[data-dashboard-density=ultra] #panel-overview .stat-cache-outcomes .cache-m
}
.vh-certificate-select-row>.vh-field,
.vh-certificate-select-row>button {
.vh-certificate-select-row>button {
flex: 0 1 auto;
width: 100%;
}
@@ -12434,14 +12445,15 @@ html[data-dashboard-density=ultra] #panel-overview .stat-cache-outcomes .cache-m
}
@media (max-width:600px) {
.stream-backend-section,
.web-service-setting-section {
.web-service-setting-section {
padding: 10px;
}
.stream-backend-section>.vh-grid,
.stream-health-probe-fields,
.web-service-setting-section>.vh-grid {
.stream-health-probe-fields,
.web-service-setting-section>.vh-grid {
grid-template-columns: minmax(0, 1fr);
}
}
@@ -12536,7 +12548,7 @@ html:is([data-corner-style=square], [data-corner-style=subtle], [data-corner-sty
}
.docker-service-meta b,
.docker-service-meta span {
.docker-service-meta span {
overflow-wrap: anywhere;
}
@@ -12578,7 +12590,7 @@ html:is([data-corner-style=square], [data-corner-style=subtle], [data-corner-sty
gap: 6px;
}
.docker-service-quick-actions > * {
.docker-service-quick-actions>* {
flex: 0 0 auto;
}
@@ -12597,17 +12609,13 @@ html:is([data-corner-style=square], [data-corner-style=subtle], [data-corner-sty
}
}
html:is([data-corner-style=square], [data-corner-style=subtle], [data-corner-style=rounded], [data-corner-style=extra]) :is(
.nav, .file-log-tab, .vhost-backend-trigger, .backend-column-options,
.docker-service-quick-actions a, .docker-service-quick-actions button,
.docker-view-toggle, .provider-picker, .renewal-meta-item
) {
html:is([data-corner-style=square], [data-corner-style=subtle], [data-corner-style=rounded], [data-corner-style=extra]) :is(.nav, .file-log-tab, .vhost-backend-trigger, .backend-column-options,
.docker-service-quick-actions a, .docker-service-quick-actions button,
.docker-view-toggle, .provider-picker, .renewal-meta-item) {
border-radius: var(--rp-radius-control) !important;
}
html:is([data-corner-style=square], [data-corner-style=subtle], [data-corner-style=rounded], [data-corner-style=extra]) :is(
.backend-column-options, .renewal-meta-item
) {
html:is([data-corner-style=square], [data-corner-style=subtle], [data-corner-style=rounded], [data-corner-style=extra]) :is(.backend-column-options, .renewal-meta-item) {
border-radius: var(--rp-radius-surface) !important;
}
@@ -12655,4 +12663,4 @@ html:is([data-corner-style=square], [data-corner-style=subtle], [data-corner-sty
.backend-column-options {
grid-template-columns: minmax(0, 1fr);
}
}
}