Fossil

Check-in [b5cfa435f8]
Login

Check-in [b5cfa435f8]

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment:CSS changes to the look of the tooltip.
Downloads: Tarball | ZIP archive
Timelines: family | ancestors | descendants | both | tooltip-experiments
Files: files | file ages | folders
SHA3-256: b5cfa435f816834ab076e99e6460ceb442f52e2b9dc14d1e8e8e9852eadc0eb3
User & Date: drh 2019-05-22 16:47:18.517
Context
2019-05-22
18:09
Show tooltips in the color scheme of the object that the tooltip refers to. ... (check-in: cf1f42435a user: drh tags: tooltip-experiments)
16:47
CSS changes to the look of the tooltip. ... (check-in: b5cfa435f8 user: drh tags: tooltip-experiments)
15:42
The tooltip over a graph node shows a link to the check-in or artifact that the node represents, not a link to the branch. ... (check-in: fa811f95c4 user: drh tags: tooltip-experiments)
Changes
Unified Diff Ignore Whitespace Patch
Changes to src/default_css.txt.
︙︙
194
195
196
197
198
199
200
201
202
203
204
205
206
207

208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226

.tl-line.dotted.v {
  width: 0px;
  border-left-width: 2px;
  border-left-style: dotted;
  background: rgba(255,255,255,0);
}
.tl-tooltip {
  font-size: .9em;
  background-color: #ffffe2;
  color: black;
  text-align: center;
  padding: 5px;
  border: 1px solid black;
  box-shadow: 2px 2px 2px 0px rgba(128,128,128,0.67);

  position: absolute;
  z-index: 100;
}
.tl-tooltip a {
  background-color: #ffffe2;
  color: #0000ee;
}
.tl-tooltip a:link, .tl-tooltip a:active, .tl-tooltip a:visited {
  text-decoration: underline;
}
.tl-tooltip a:hover {
  text-decoration: none;
}

span.tagDsp {
  font-weight: bold;
}
span.wikiError {
  font-weight: bold;








<
|


|

<
>




|
|
<
<
<
<
<
<








194
195
196
197
198
199
200

201
202
203
204
205

206
207
208
209
210
211
212






213
214
215
216
217
218
219

.tl-line.dotted.v {
  width: 0px;
  border-left-width: 2px;
  border-left-style: dotted;
  background: rgba(255,255,255,0);
}
.tl-tooltip {

  background-color: #fecd4b;
  color: black;
  text-align: center;
  padding: 5px 1em;
  border: 1px solid black;

  border-radius: 6px;
  position: absolute;
  z-index: 100;
}
.tl-tooltip a {
  background-color: #fecd4b;
  color: #004080;






}

span.tagDsp {
  font-weight: bold;
}
span.wikiError {
  font-weight: bold;
︙︙