cphipps/changedetection.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adding table stripe

Browse Source
This commit is contained in:
dgtlmoon
2025-05-14 18:34:54 +02:00
parent 17a18d644d
commit 869d407119
2 changed files with 35 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
changedetectionio/static/styles/scss/parts/_watch_table.scss
View File

@@ -1,4 +1,3 @@
/* table related */ /* table related */
.watch-table { .watch-table {
width: 100%; width: 100%;
@@ -8,15 +7,18 @@
&.unviewed { &.unviewed {
font-weight: bold; font-weight: bold;
} }
&.error { &.error {
color: var(--color-watch-table-error); color: var(--color-watch-table-error);
} }
color: var(--color-watch-table-row-text); color: var(--color-watch-table-row-text);
} }
td { td {
white-space: nowrap; white-space: nowrap;
&.title-col { &.title-col {
word-break: break-all; word-break: break-all;
white-space: normal; white-space: normal;
@@ -51,43 +53,65 @@
/* Row with 'checking-now' */ /* Row with 'checking-now' */
tr.checking-now { tr.checking-now {
td:first-child {
position: relative;
}
td:first-child::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 3px;
background-color: #1af61b;
}
td.last-checked { td.last-checked {
.spinner-wrapper { .spinner-wrapper {
display: inline-block !important; display: inline-block !important;
} }
.innertext { .innertext {
display: none !important; display: none !important;
} }
} }
} }
tr.queued { tr.queued {
a.recheck { a.recheck {
display: none !important; display: none !important;
} }
a.already-in-queue-button { a.already-in-queue-button {
display: inline-block !important; display: inline-block !important;
} }
} }
tr.paused { tr.paused {
a.pause-toggle { a.pause-toggle {
&.state-on { &.state-on {
display: inline !important; display: inline !important;
} }
&.state-off { &.state-off {
display: none !important; display: none !important;
} }
} }
} }
tr.notification_muted { tr.notification_muted {
a.mute-toggle { a.mute-toggle {
&.state-on { &.state-on {
display: inline !important; display: inline !important;
} }
&.state-off { &.state-off {
display: none !important; display: none !important;
} }
} }
} }
tr.error { tr.error {
.fetch-error { .fetch-error {
display: inline-block !important; display: inline-block !important;

10
changedetectionio/static/styles/styles.css
View File

@@ -551,6 +551,16 @@ body.preview-text-enabled {
.watch-table .current-diff-url::after { .watch-table .current-diff-url::after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==); content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
margin: 0 3px 0 5px; } margin: 0 3px 0 5px; }
.watch-table tr.checking-now td:first-child {
position: relative; }
.watch-table tr.checking-now td:first-child::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 3px;
background-color: #1af61b; }
.watch-table tr.checking-now td.last-checked .spinner-wrapper { .watch-table tr.checking-now td.last-checked .spinner-wrapper {
display: inline-block !important; } display: inline-block !important; }
.watch-table tr.checking-now td.last-checked .innertext { .watch-table tr.checking-now td.last-checked .innertext {