rebuild rtorrent config
This commit is contained in:
Mateusz Gruszczyński
File diff suppressed because one or more lines are too long
@@ -1950,45 +1950,123 @@ body.mobile-mode .mobile-filter-bar {
|
||||
}
|
||||
}
|
||||
|
||||
.rt-config-grid {
|
||||
.rt-config-shell {
|
||||
display: grid;
|
||||
gap: 0.6rem;
|
||||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||
gap: 0.85rem;
|
||||
}
|
||||
|
||||
.rt-config-group {
|
||||
grid-column: 1 / -1;
|
||||
padding: 0.45rem 0.2rem 0.1rem;
|
||||
border-bottom: 1px solid var(--bs-border-color);
|
||||
.rt-config-section {
|
||||
border: 1px solid var(--bs-border-color);
|
||||
border-radius: 0.85rem;
|
||||
background: rgba(var(--bs-secondary-bg-rgb), 0.22);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.rt-config-section > summary {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 1rem;
|
||||
padding: 0.75rem 0.9rem;
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.rt-config-section > summary::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.rt-config-section > summary span {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.45rem;
|
||||
color: var(--bs-primary-text-emphasis);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.rt-config-section > summary small {
|
||||
max-width: 58ch;
|
||||
color: var(--bs-secondary-color);
|
||||
font-size: 0.76rem;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.rt-config-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: 0.75rem;
|
||||
padding: 0 0.9rem 0.9rem;
|
||||
}
|
||||
|
||||
.rt-config-note {
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.rt-config-toolbar {
|
||||
.rt-config-toolbar,
|
||||
.rt-config-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.75rem;
|
||||
gap: 0.55rem;
|
||||
}
|
||||
|
||||
.rt-config-toolbar {
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.rt-config-row {
|
||||
.rt-config-card {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr minmax(120px, 190px);
|
||||
align-items: center;
|
||||
gap: 0.6rem;
|
||||
padding: 0.6rem;
|
||||
gap: 0.55rem;
|
||||
min-width: 0;
|
||||
padding: 0.75rem;
|
||||
border: 1px solid var(--bs-border-color);
|
||||
border-radius: 0.7rem;
|
||||
background: rgba(var(--bs-secondary-bg-rgb), 0.35);
|
||||
border-radius: 0.75rem;
|
||||
background: var(--bs-body-bg);
|
||||
}
|
||||
|
||||
.rt-config-card-head,
|
||||
.rt-config-control {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
gap: 0.6rem;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.rt-config-card-head b {
|
||||
display: block;
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
.rt-config-card-head small,
|
||||
.rt-config-help-text,
|
||||
.rt-config-value-note {
|
||||
display: block;
|
||||
overflow-wrap: anywhere;
|
||||
color: var(--bs-secondary-color);
|
||||
font-size: 0.73rem;
|
||||
}
|
||||
|
||||
.rt-config-help {
|
||||
flex: 0 0 auto;
|
||||
padding: 0;
|
||||
color: var(--bs-secondary-color);
|
||||
line-height: 1;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.rt-config-control {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.rt-config-control .form-control,
|
||||
.rt-config-switch {
|
||||
max-width: 210px;
|
||||
}
|
||||
|
||||
.rt-config-switch {
|
||||
justify-self: end;
|
||||
justify-content: flex-end;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@@ -2003,29 +2081,41 @@ body.mobile-mode .mobile-filter-bar {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.rt-config-row b {
|
||||
font-size: 0.88rem;
|
||||
}
|
||||
|
||||
.rt-config-row small {
|
||||
display: block;
|
||||
overflow-wrap: anywhere;
|
||||
.rt-config-state {
|
||||
flex: 0 0 auto;
|
||||
padding: 0.16rem 0.42rem;
|
||||
border: 1px solid var(--bs-border-color);
|
||||
border-radius: 999px;
|
||||
color: var(--bs-secondary-color);
|
||||
font-size: 0.72rem;
|
||||
font-size: 0.68rem;
|
||||
font-weight: 700;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.rt-config-row.disabled {
|
||||
opacity: 0.58;
|
||||
.rt-config-state-live {
|
||||
color: var(--bs-success-text-emphasis);
|
||||
}
|
||||
|
||||
.rt-config-row.changed,
|
||||
.rt-config-row.changed-live {
|
||||
.rt-config-state-saved {
|
||||
color: var(--bs-primary-text-emphasis);
|
||||
}
|
||||
|
||||
.rt-config-state-unavailable {
|
||||
color: var(--bs-danger-text-emphasis);
|
||||
}
|
||||
|
||||
.rt-config-card.disabled {
|
||||
opacity: 0.62;
|
||||
}
|
||||
|
||||
.rt-config-card.changed,
|
||||
.rt-config-card.changed-live {
|
||||
border-color: var(--bs-danger);
|
||||
box-shadow: 0 0 0 0.12rem rgba(220, 53, 69, 0.2);
|
||||
box-shadow: 0 0 0 0.12rem rgba(var(--bs-danger-rgb), 0.18);
|
||||
}
|
||||
|
||||
.rt-config-value-note {
|
||||
margin-top: 0.15rem;
|
||||
margin-top: -0.2rem;
|
||||
}
|
||||
|
||||
.rt-config-output {
|
||||
@@ -2033,6 +2123,26 @@ body.mobile-mode .mobile-filter-bar {
|
||||
font-size: 0.82rem;
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.rt-config-section > summary,
|
||||
.rt-config-card-head,
|
||||
.rt-config-control {
|
||||
align-items: stretch;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.rt-config-section > summary small {
|
||||
max-width: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.rt-config-control .form-control,
|
||||
.rt-config-switch {
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.tracker-toolbar,
|
||||
.tracker-actions {
|
||||
display: flex;
|
||||
@@ -4629,14 +4739,6 @@ body,
|
||||
}
|
||||
}
|
||||
|
||||
/* Current rTorrent settings uses the same card rhythm as Diagnostics for faster scanning. */
|
||||
.rt-config-current-summary {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.rt-config-value-note {
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.file-row-actions {
|
||||
align-items: center;
|
||||
|
||||
Reference in New Issue
Block a user