v0.25.5
This commit is contained in:
Mateusz Gruszczyński committed
1 parent
1dea7f55c8
commit
c819f0a335
151 files changed
+7610
-4264
No files matched your search
+230
-28
@@ -3781,7 +3781,7 @@ body[data-density="dense"] .stat strong {
|
||||
max-width: none
|
||||
}
|
||||
|
||||
.settings-page>.edit-form + .edit-form {
|
||||
.settings-page>.edit-form+.edit-form {
|
||||
margin-top: var(--ui-gap)
|
||||
}
|
||||
|
||||
@@ -3920,7 +3920,8 @@ body[data-density="dense"] .stat strong {
|
||||
dialog.vhost-dialog,
|
||||
dialog.logs-dialog,
|
||||
dialog.audit-dialog,
|
||||
dialog.certificate-dialog {
|
||||
dialog.certificate-dialog,
|
||||
dialog.config-history-dialog {
|
||||
border-radius: 0;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
@@ -4692,11 +4693,16 @@ dialog .window-heading {
|
||||
}
|
||||
|
||||
@media(max-width:1100px) {
|
||||
.traffic-wide-chart { grid-column: span 1 }
|
||||
.traffic-wide-chart {
|
||||
grid-column: span 1
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width:650px) {
|
||||
.traffic-bar-row { grid-template-columns: minmax(88px, 1.2fr) minmax(90px, 2fr) minmax(60px, auto); gap: 7px }
|
||||
.traffic-bar-row {
|
||||
grid-template-columns: minmax(88px, 1.2fr) minmax(90px, 2fr) minmax(60px, auto);
|
||||
gap: 7px
|
||||
}
|
||||
}
|
||||
|
||||
.logging-grid label {
|
||||
@@ -4720,6 +4726,7 @@ dialog .window-heading {
|
||||
}
|
||||
|
||||
@media(max-width:720px) {
|
||||
|
||||
.traffic-chart-grid,
|
||||
.logging-grid {
|
||||
grid-template-columns: 1fr
|
||||
@@ -6778,7 +6785,6 @@ body[data-density="compact"] .page-footer {
|
||||
}
|
||||
}
|
||||
|
||||
/* Certificates workspace (0.20.0): use the same tab language as Settings. */
|
||||
#panel-tls .certificate-workspace-heading {
|
||||
align-items: flex-start;
|
||||
margin-bottom: 12px
|
||||
@@ -7031,7 +7037,6 @@ body[data-density="compact"] .page-footer {
|
||||
}
|
||||
}
|
||||
|
||||
/* Inline operation feedback mirrors the login feedback pattern and remains local to the action. */
|
||||
.operation-message:empty {
|
||||
display: none;
|
||||
}
|
||||
@@ -7330,7 +7335,6 @@ body[data-density="compact"] .page-footer {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
/* 0.24.3 dashboard refinements */
|
||||
.payload-split {
|
||||
display: flex !important;
|
||||
align-items: center;
|
||||
@@ -7515,7 +7519,7 @@ body[data-density="compact"] .page-footer {
|
||||
color: var(--notice-text);
|
||||
font-weight: 600;
|
||||
}
|
||||
/* 0.24.8 cache occupancy charts and compact memory-accounting help */
|
||||
|
||||
.mini-heading-actions {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
@@ -7607,7 +7611,6 @@ body[data-density="compact"] .page-footer {
|
||||
color: var(--transform-chart);
|
||||
}
|
||||
|
||||
/* Web Service editor mirrors the vhost tabbed configuration layout. */
|
||||
.web-service-pages {
|
||||
min-width: 0;
|
||||
}
|
||||
@@ -7628,21 +7631,10 @@ body[data-density="compact"] .page-footer {
|
||||
}
|
||||
|
||||
.config-history-dialog {
|
||||
color: var(--text);
|
||||
background: var(--bg);
|
||||
border: 1px solid var(--line);
|
||||
padding: 0;
|
||||
width: min(1180px, calc(100vw - 24px));
|
||||
max-width: calc(100vw - 24px);
|
||||
max-height: calc(100dvh - 28px);
|
||||
overflow: hidden;
|
||||
border-radius: 7px;
|
||||
box-shadow: 0 18px 70px var(--shadow-strong);
|
||||
}
|
||||
|
||||
.config-history-dialog::backdrop {
|
||||
background: var(--shadow-strong);
|
||||
backdrop-filter: blur(2px);
|
||||
}
|
||||
|
||||
.config-history-layout {
|
||||
@@ -7667,7 +7659,6 @@ body[data-density="compact"] .page-footer {
|
||||
|
||||
.config-history-month {
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
padding: 9px;
|
||||
background: var(--panel);
|
||||
}
|
||||
@@ -7695,7 +7686,6 @@ body[data-density="compact"] .page-footer {
|
||||
min-height: 34px;
|
||||
padding: 4px;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 4px;
|
||||
background: transparent;
|
||||
color: var(--muted);
|
||||
font: 10px var(--mono);
|
||||
@@ -7769,7 +7759,6 @@ button.config-history-day.is-selected {
|
||||
|
||||
.config-history-change {
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 5px;
|
||||
padding: 8px;
|
||||
background: var(--panel);
|
||||
}
|
||||
@@ -7797,9 +7786,222 @@ button.config-history-day.is-selected {
|
||||
}
|
||||
|
||||
@media (max-width: 860px) {
|
||||
.config-history-layout { grid-template-columns: 1fr; overflow: auto; }
|
||||
.config-history-browser, .config-history-detail { overflow: visible; }
|
||||
.config-history-change-values { grid-template-columns: 1fr; }
|
||||
.config-history-detail-head { flex-direction: column; }
|
||||
.config-history-detail-actions { align-items: flex-start; text-align: left; }
|
||||
.config-history-layout {
|
||||
grid-template-columns: 1fr;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.config-history-browser,
|
||||
.config-history-detail {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.config-history-change-values {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.config-history-detail-head {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.config-history-detail-actions {
|
||||
align-items: flex-start;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.mobile-menu-toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media(max-width:850px) {
|
||||
.sidebar {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 60;
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) auto;
|
||||
align-items: center;
|
||||
gap: 10px 12px;
|
||||
padding: 10px 12px;
|
||||
}
|
||||
|
||||
.sidebar .brand {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.mobile-menu-toggle {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 9px;
|
||||
min-height: 36px;
|
||||
padding: 7px 10px;
|
||||
border: 1px solid var(--line);
|
||||
background: transparent;
|
||||
color: var(--muted);
|
||||
font: 600 11px var(--mono);
|
||||
}
|
||||
|
||||
.mobile-menu-toggle:hover,
|
||||
.mobile-menu-toggle[aria-expanded="true"] {
|
||||
color: var(--text);
|
||||
border-color: var(--border-hover);
|
||||
background: var(--nav-active-bg);
|
||||
}
|
||||
|
||||
.mobile-menu-icon {
|
||||
display: block;
|
||||
flex: 0 0 auto;
|
||||
width: 15px;
|
||||
height: 1px;
|
||||
background: currentColor;
|
||||
box-shadow: 0 -5px currentColor, 0 5px currentColor;
|
||||
}
|
||||
|
||||
.sidebar .main-navigation {
|
||||
grid-column: 1 / -1;
|
||||
display: none;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding-top: 10px;
|
||||
border-top: 1px solid var(--line);
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.sidebar.mobile-nav-open .main-navigation {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.sidebar .main-navigation .nav {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
justify-content: flex-start;
|
||||
gap: 8px;
|
||||
padding: 9px 10px;
|
||||
border: 1px solid transparent;
|
||||
border-left: 2px solid transparent;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.sidebar .main-navigation .nav.active {
|
||||
border-color: var(--line);
|
||||
border-left-color: var(--green);
|
||||
background: var(--nav-active-bg);
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width:600px) {
|
||||
.sidebar .main-navigation .nav span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.about-dialog {
|
||||
width: min(560px, calc(100vw - 24px));
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.about-dialog .window-heading button {
|
||||
margin-inline-start: auto;
|
||||
}
|
||||
|
||||
.about-card {
|
||||
display: grid;
|
||||
gap: 16px;
|
||||
margin: 0;
|
||||
padding: 18px;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.about-product {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.about-product>div {
|
||||
display: grid;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.about-product strong {
|
||||
font: 600 16px var(--mono);
|
||||
}
|
||||
|
||||
.about-meta {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 1px;
|
||||
margin: 0;
|
||||
border: 1px solid var(--line);
|
||||
background: var(--line);
|
||||
}
|
||||
|
||||
.about-meta>div {
|
||||
min-width: 0;
|
||||
padding: 10px 12px;
|
||||
background: var(--panel);
|
||||
}
|
||||
|
||||
.about-meta dt {
|
||||
margin-bottom: 5px;
|
||||
color: var(--muted);
|
||||
font: 9px var(--mono);
|
||||
letter-spacing: .8px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.about-meta dd {
|
||||
margin: 0;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.about-card>p {
|
||||
margin: 0;
|
||||
color: var(--muted);
|
||||
line-height: 1.65;
|
||||
}
|
||||
|
||||
.about-repository {
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
width: 100%;
|
||||
white-space: normal;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.about-repository span:last-child {
|
||||
color: var(--muted);
|
||||
font: 10px var(--mono);
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
@media(max-width:620px) {
|
||||
.topbar {
|
||||
height: auto;
|
||||
min-height: 46px;
|
||||
padding: 7px 0;
|
||||
}
|
||||
|
||||
.topbar .breadcrumb {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.top-actions {
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.about-meta {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.about-repository {
|
||||
align-items: flex-start;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user