Fossil SCM

/brlist: use background color change, instead of bold, for selected branches to avoid layout changes from the text changing size, as discussed in and around [forum:/forumpost/606cbfdff6 | forum post 606cbfdff6]. Background color is the same as timelineSelected for all skins except xekri, which needs a bit more contrast.

stephan 2021-04-29 12:52 trunk
Commit 9322a0bc2042ccfe0a288af2cc2f2572899ddf05488de4a039e155607c7605db
Parent 64edf41afe3e83f…
5 files changed +5 -1 +5 +5 +5 +2 -2
~ skins/ardoise/css.txt ~ skins/darkmode/css.txt ~ skins/eagle/css.txt ~ skins/xekri/css.txt ~ src/default.css
M skins/ardoise/css.txt
+5 -1
--- skins/ardoise/css.txt
+++ skins/ardoise/css.txt
@@ -959,11 +959,11 @@
959959
 span.timelineSelected {
960960
 border-radius: 5px;
961961
 border: solid #ff8000;
962962
 vertical-align: top;
963963
 text-align: left;
964
- background: #442800
964
+ background-color: #442800;
965965
 }
966966
 .timelineSelected {
967967
 box-shadow: none;
968968
 }
969969
 .timelineSecondary {}
@@ -1410,6 +1410,10 @@
14101410
 .capsumRead {
14111411
 background-color: #262;
14121412
 }
14131413
 .capsumWrite {
14141414
 background-color: #662;
1415
+}
1416
+body.branch .brlist > table > tbody > tr:hover:not(.selected),
1417
+body.branch .brlist > table > tbody > tr.selected {
1418
+ background-color: #442800;
14151419
 }
14161420
--- skins/ardoise/css.txt
+++ skins/ardoise/css.txt
@@ -959,11 +959,11 @@
959 span.timelineSelected {
960 border-radius: 5px;
961 border: solid #ff8000;
962 vertical-align: top;
963 text-align: left;
964 background: #442800
965 }
966 .timelineSelected {
967 box-shadow: none;
968 }
969 .timelineSecondary {}
@@ -1410,6 +1410,10 @@
1410 .capsumRead {
1411 background-color: #262;
1412 }
1413 .capsumWrite {
1414 background-color: #662;
 
 
 
 
1415 }
1416
--- skins/ardoise/css.txt
+++ skins/ardoise/css.txt
@@ -959,11 +959,11 @@
959 span.timelineSelected {
960 border-radius: 5px;
961 border: solid #ff8000;
962 vertical-align: top;
963 text-align: left;
964 background-color: #442800;
965 }
966 .timelineSelected {
967 box-shadow: none;
968 }
969 .timelineSecondary {}
@@ -1410,6 +1410,10 @@
1410 .capsumRead {
1411 background-color: #262;
1412 }
1413 .capsumWrite {
1414 background-color: #662;
1415 }
1416 body.branch .brlist > table > tbody > tr:hover:not(.selected),
1417 body.branch .brlist > table > tbody > tr.selected {
1418 background-color: #442800;
1419 }
1420
M skins/darkmode/css.txt
+5
--- skins/darkmode/css.txt
+++ skins/darkmode/css.txt
@@ -553,5 +553,10 @@
553553
554554
 body.report table.report tr td { color: black }
555555
 body.report table.report a { color: blue }
556556
 body.tkt td.tktDspValue { color: black }
557557
 body.tkt td.tktDspValue a { color: blue }
558
+
559
+body.branch .brlist > table > tbody > tr:hover:not(.selected),
560
+body.branch .brlist > table > tbody > tr.selected {
561
+ background-color: #442800;
562
+}
558563
--- skins/darkmode/css.txt
+++ skins/darkmode/css.txt
@@ -553,5 +553,10 @@
553
554 body.report table.report tr td { color: black }
555 body.report table.report a { color: blue }
556 body.tkt td.tktDspValue { color: black }
557 body.tkt td.tktDspValue a { color: blue }
 
 
 
 
 
558
--- skins/darkmode/css.txt
+++ skins/darkmode/css.txt
@@ -553,5 +553,10 @@
553
554 body.report table.report tr td { color: black }
555 body.report table.report a { color: blue }
556 body.tkt td.tktDspValue { color: black }
557 body.tkt td.tktDspValue a { color: blue }
558
559 body.branch .brlist > table > tbody > tr:hover:not(.selected),
560 body.branch .brlist > table > tbody > tr.selected {
561 background-color: #442800;
562 }
563
M skins/eagle/css.txt
+5
--- skins/eagle/css.txt
+++ skins/eagle/css.txt
@@ -433,5 +433,10 @@
433433
 background-color: #006d00;
434434
 }
435435
 .capsumWrite {
436436
 background-color: #e5e500;
437437
 }
438
+
439
+body.branch .brlist > table > tbody > tr:hover:not(.selected),
440
+body.branch .brlist > table > tbody > tr.selected {
441
+ background-color: #7EA2D9;
442
+}
438443
--- skins/eagle/css.txt
+++ skins/eagle/css.txt
@@ -433,5 +433,10 @@
433 background-color: #006d00;
434 }
435 .capsumWrite {
436 background-color: #e5e500;
437 }
 
 
 
 
 
438
--- skins/eagle/css.txt
+++ skins/eagle/css.txt
@@ -433,5 +433,10 @@
433 background-color: #006d00;
434 }
435 .capsumWrite {
436 background-color: #e5e500;
437 }
438
439 body.branch .brlist > table > tbody > tr:hover:not(.selected),
440 body.branch .brlist > table > tbody > tr.selected {
441 background-color: #7EA2D9;
442 }
443
M skins/xekri/css.txt
+5
--- skins/xekri/css.txt
+++ skins/xekri/css.txt
@@ -1138,5 +1138,10 @@
11381138
 }
11391139
11401140
 .debug {
11411141
 color: black;
11421142
 }
1143
+
1144
+body.branch .brlist > table > tbody > tr:hover:not(.selected),
1145
+body.branch .brlist > table > tbody > tr.selected {
1146
+ background-color: #444;
1147
+}
11431148
--- skins/xekri/css.txt
+++ skins/xekri/css.txt
@@ -1138,5 +1138,10 @@
1138 }
1139
1140 .debug {
1141 color: black;
1142 }
 
 
 
 
 
1143
--- skins/xekri/css.txt
+++ skins/xekri/css.txt
@@ -1138,5 +1138,10 @@
1138 }
1139
1140 .debug {
1141 color: black;
1142 }
1143
1144 body.branch .brlist > table > tbody > tr:hover:not(.selected),
1145 body.branch .brlist > table > tbody > tr.selected {
1146 background-color: #444;
1147 }
1148
M src/default.css
+2 -2
--- src/default.css
+++ src/default.css
@@ -1773,13 +1773,13 @@
17731773
17741774
 input[type="checkbox"].diff-toggle {
17751775
 float: right;
17761776
 }
17771777
1778
-body.branch .brlist > table > tbody > tr:hover > td:first-child,
1778
+body.branch .brlist > table > tbody > tr:hover:not(.selected),
17791779
 body.branch .brlist > table > tbody > tr.selected {
1780
- font-weight: bold;
1780
+ background-color: #ffc;
17811781
 }
17821782
 body.branch .brlist > table > tbody td:first-child > input {
17831783
 cursor: pointer;
17841784
 }
17851785
 body.branch .brlist > table > tbody > tr > td:nth-child(1) {
17861786
--- src/default.css
+++ src/default.css
@@ -1773,13 +1773,13 @@
1773
1774 input[type="checkbox"].diff-toggle {
1775 float: right;
1776 }
1777
1778 body.branch .brlist > table > tbody > tr:hover > td:first-child,
1779 body.branch .brlist > table > tbody > tr.selected {
1780 font-weight: bold;
1781 }
1782 body.branch .brlist > table > tbody td:first-child > input {
1783 cursor: pointer;
1784 }
1785 body.branch .brlist > table > tbody > tr > td:nth-child(1) {
1786
--- src/default.css
+++ src/default.css
@@ -1773,13 +1773,13 @@
1773
1774 input[type="checkbox"].diff-toggle {
1775 float: right;
1776 }
1777
1778 body.branch .brlist > table > tbody > tr:hover:not(.selected),
1779 body.branch .brlist > table > tbody > tr.selected {
1780 background-color: #ffc;
1781 }
1782 body.branch .brlist > table > tbody td:first-child > input {
1783 cursor: pointer;
1784 }
1785 body.branch .brlist > table > tbody > tr > td:nth-child(1) {
1786

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button