Cleanup in js #18

Merged
gru merged 4 commits from cleanup_in_js into master 2026-06-03 23:33:51 +02:00
2 changed files with 39 additions and 23 deletions
Showing only changes of commit 6365ee3a88 - Show all commits
File diff suppressed because one or more lines are too long
+38 -22
View File
@@ -4693,53 +4693,69 @@ body,
} }
.operation-log-details-row > td { .operation-log-details-row > td {
background: var(--bs-tertiary-bg); background: color-mix(in srgb, var(--bs-tertiary-bg) 55%, transparent);
border-top: 0; border-top: 0;
padding: 0.45rem 0.75rem 0.75rem; padding: 0.2rem 0.75rem 0.45rem;
} }
.operation-log-details-panel { .operation-log-details-inline {
display: grid; align-items: flex-start;
gap: 0.35rem; display: flex;
gap: 0.7rem;
min-width: 0;
} }
.operation-log-details-title { .operation-log-details-title {
color: var(--bs-secondary-color); color: var(--bs-secondary-color);
font-size: 0.72rem; flex: 0 0 auto;
font-size: 0.7rem;
font-weight: 700; font-weight: 700;
letter-spacing: 0.02em; letter-spacing: 0.02em;
line-height: 1.7;
text-transform: uppercase; text-transform: uppercase;
} }
.operation-log-details { .operation-log-details-table {
display: grid; border-collapse: collapse;
gap: 0.45rem; font-size: 0.78rem;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
margin: 0;
min-width: 0; min-width: 0;
width: 100%;
} }
.operation-log-details div { .operation-log-details-table th,
background: var(--bs-body-bg); .operation-log-details-table td {
border: 1px solid var(--bs-border-color-translucent); border-bottom: 1px solid var(--bs-border-color-translucent);
border-radius: 0.5rem; line-height: 1.25;
min-width: 0; padding: 0.12rem 0.4rem 0.12rem 0;
padding: 0.35rem 0.45rem; vertical-align: top;
} }
.operation-log-details dt { .operation-log-details-table th {
color: var(--bs-secondary-color); color: var(--bs-secondary-color);
font-size: 0.72rem;
font-weight: 700; font-weight: 700;
line-height: 1.2; white-space: nowrap;
width: 1%;
} }
.operation-log-details dd { .operation-log-details-table td {
margin: 0.1rem 0 0;
overflow-wrap: anywhere; overflow-wrap: anywhere;
} }
.operation-log-details-table tr:last-child th,
.operation-log-details-table tr:last-child td {
border-bottom: 0;
}
@media (max-width: 760px) { @media (max-width: 760px) {
.operation-log-details-inline {
display: block;
}
.operation-log-details-title {
display: block;
margin-bottom: 0.15rem;
}
.operation-log-type-filter, .operation-log-type-filter,
.operation-log-search { .operation-log-search {
max-width: none; max-width: none;