ivanch/transmission-manager
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

adding scheduled view in torrents tab
Build and Deploy (internal) / Build Transmission Manager Image (push) Successful in 3m22s
Details
Build and Deploy (internal) / Deploy Transmission Manager (internal) (push) Successful in 3s
Details

Browse Source
This commit is contained in:
ivanch
2026-09-25 20:57:09 -03:00
parent 0d686847f2
commit 19c3ee2e26
5 changed files with 141 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/styles.css
+44 -1
View File
@@ -290,6 +290,22 @@ button { font-family: inherit; }
gap: 10px;
margin-left: auto;
}
.scheduled-filter {
border: 1px solid var(--border-strong);
border-radius: var(--radius-sm);
background: var(--bg-2);
color: var(--text-1);
cursor: pointer;
font-size: 12px;
font-weight: 700;
padding: 8px 11px;
white-space: nowrap;
}
.scheduled-filter:hover:not(:disabled) { border-color: var(--border-hover); color: var(--text-0); }
.scheduled-filter[aria-pressed="true"] { border-color: rgba(0, 212, 255, .3); background: var(--accent-soft); color: var(--accent); }
.scheduled-filter:disabled { opacity: .5; cursor: wait; }
.scheduled-filter:focus-visible, .card-schedule-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.schedule-status { margin: -6px 0 16px; color: var(--err); font-size: 12px; }
.interval-control { display: inline-flex; align-items: center; }
.refresh-select {
color-scheme: dark;
@@ -385,6 +401,18 @@ button { font-family: inherit; }
font-size: 12px; color: var(--text-2);
font-variant-numeric: tabular-nums;
}
.schedule-badge {
display: inline-flex;
align-items: center;
border: 1px solid var(--border-strong);
border-radius: 999px;
color: var(--text-3);
font-size: 10px;
font-weight: 700;
padding: 1px 7px;
white-space: nowrap;
}
.schedule-badge.is-scheduled { border-color: rgba(139, 92, 246, .35); background: rgba(139, 92, 246, .12); color: var(--purple); }
.meta-item { display: inline-flex; align-items: center; gap: 5px; }
.meta-item .ico { font-size: 11px; opacity: 0.8; }
.meta-item.down .icon-color { color: var(--accent); }
@@ -402,6 +430,21 @@ button { font-family: inherit; }
align-items: center;
gap: 10px;
}
.card-schedule-toggle {
flex: 0 0 auto;
border: 1px solid var(--border-strong);
border-radius: 999px;
background: var(--bg-3);
color: var(--text-1);
cursor: pointer;
font-size: 11px;
font-weight: 700;
padding: 6px 10px;
white-space: nowrap;
}
.card-schedule-toggle:hover:not(:disabled) { border-color: var(--border-hover); color: var(--text-0); }
.card-schedule-toggle[aria-pressed="true"] { border-color: rgba(139, 92, 246, .35); color: var(--purple); }
.card-schedule-toggle:disabled { opacity: .6; cursor: wait; }
.action-btn {
position: relative;
margin-left: 6px;
@@ -581,7 +624,7 @@ button { font-family: inherit; }
.speed-control-status { max-width: 100%; width: 100%; }
.card-top { flex-wrap: wrap; }
.card-body { flex-basis: calc(100% - 42px); }
.card-actions { width: 100%; flex-direction: row; justify-content: space-between; }
.card-actions { width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; }
.card-status-col { flex-direction: column-reverse; align-items: flex-start; gap: 6px; }
.scheduler-row { align-items: flex-start; }
.scheduler-row-controls { flex-direction: column; align-items: flex-end; gap: 6px; }