Differences From Artifact [73b60721cc]:

• File src/default.css — part of check-in [7d02688690] at 2022-08-04 11:42:00 on branch timeline-keyboard-navigation — Try to fix the focus indicator CSS to work for all skins: alpha-blending "10% black" with light-mode background colors, or "20% white" with dark-mode background colors, looks surprisingly well and conflicts less with branch colors (which can be orange-ish, but never black or white). Note that the dark-mode skins Ardoise, Dark Mode and Xekri (but not Eagle) require the previously removed !important directive. It\'s still possible for skins to overwrite the focus indicator CSS when duplicating the !important directive. (user: florian size: 41670)

To Artifact [e56bc1589a]:

• File src/default.css — part of check-in [a8d306bec6] at 2022-08-11 06:42:00 on branch timeline-keyboard-navigation — Another attempt to make the CSS for the focus indicator work with any skin foreground and background colors and branch colors: instead of changing just the background color, the foreground color is also adjusted, so the indicator can still be recognized even if similar to a branch color. Besides, no more editing of SVG code is necessary to make adjustments. (user: florian size: 41595)

49
50
51
52
53
54
55
56


57
58
59





60


61
62
63
64
65
66
67
68
69
70

  border-radius: 0;
  border-width: 0;
}
tr.timelineCurrent td {
  border-radius: 0;
  border-width: 0;
}
.timelineFocused {


  background-image: url("data:image/svg+xml,%3Csvg \
xmlns='http://www.w3.org/2000/svg' viewBox='0,0,1,1'%3E%3Cpath \
style='fill:black;opacity:0.1' d='M0,0h1v1h-1z'/%3E%3C/svg%3E");





/*Note: IE requires explicit declarations for the next three properties.*/


  background-position: top left;
  background-repeat: repeat repeat;
  background-size: 64px 64px;
}
span.timelineLeaf {
  font-weight: bold;
}
span.timelineHistDsp {
  font-weight: bold;
}

|
>
>
|
<
<
>
>
>
>
>
|
>
>
|
<
<

49
50
51
52
53
54
55
56
57
58
59


60
61
62
63
64
65
66
67
68


69
70
71
72
73
74
75

  border-radius: 0;
  border-width: 0;
}
tr.timelineCurrent td {
  border-radius: 0;
  border-width: 0;
}
.timelineFocused,
.timelineFocused a {
  color: #fff1a8 !important;
  background-color: #3a6ea5 !important;


}
.timelineFocused a:link,
.timelineFocused a:focus,
.timelineFocused a:active,
.timelineFocused a:visited {
  text-decoration: underline;
}
.timelineFocused a:hover {
  text-decoration: none;


}
span.timelineLeaf {
  font-weight: bold;
}
span.timelineHistDsp {
  font-weight: bold;
}