Fossil

Check-in [1ca68f3ab4]
Login

Check-in [1ca68f3ab4]

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

Overview
Comment:Diff-related CSS cleanups.
Downloads: Tarball | ZIP archive
Timelines: family | ancestors | descendants | both | diff-js-refactoring
Files: files | file ages | folders
SHA3-256: 1ca68f3ab40723153c65c4f007763a2656b9914f18b9eb3247ae710f99d030fe
User & Date: stephan 2021-09-11 08:17:55.272
Context
2021-09-11
15:53
Merge the diff alignment scoring tweak from trunk. ... (Closed-Leaf check-in: 916094f820 user: drh tags: diff-js-refactoring)
08:17
Diff-related CSS cleanups. ... (check-in: 1ca68f3ab4 user: stephan tags: diff-js-refactoring)
07:36
Worked around, rather accidentally, the Darkmode and Xekri skin weirdness - side effects of padding. Bootstrap is still a bit funky, depending at least partially on which media query is currently active. ... (check-in: 3480785e39 user: stephan tags: diff-js-refactoring)
Changes
Unified Diff Ignore Whitespace Patch
Changes to skins/darkmode/css.txt.
︙︙
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504

  text-decoration: none;
}
td.difftxt ins > ins {
  background-color: #559855;
  color: #000;
  text-decoration: none;
}
body.fossil-dark-style tr.diffskip.jchunk {
    filter: revert;
    background-color: black;
}
tr.diffskip > td.chunkctrl .jcbutton {
  background-color: #303536;
}
table.diff {
  /* For reasons beyond my ken, in THIS SKIN ONLY, table.diff
     is wider than the body even when it is explicitly set
     to a size less than the body UNLESS we reduce the font-size
     to about 85%. */
  /*font-size: 0.85em;*/
}

/************************************************************************
************************************************************************/
body.wikiedit #fossil-status-bar,
body.fileedit #fossil-status-bar{
  border-radius: 0.25em 0.25em 0 0;
}








|
<
|




<
<
<
<
<
<
<








477
478
479
480
481
482
483
484

485
486
487
488
489







490
491
492
493
494
495
496

  text-decoration: none;
}
td.difftxt ins > ins {
  background-color: #559855;
  color: #000;
  text-decoration: none;
}
tr.diffskip.jchunk {

  background-color: black;
}
tr.diffskip > td.chunkctrl .jcbutton {
  background-color: #303536;
}








/************************************************************************
************************************************************************/
body.wikiedit #fossil-status-bar,
body.fileedit #fossil-status-bar{
  border-radius: 0.25em 0.25em 0 0;
}
︙︙
Changes to skins/eagle/css.txt.
︙︙
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368

/* deleted in a diff */
td.difftxt del > del, td.diffln del {
  background-color: rgb(230, 110, 110);
}
td.difftxt del {
  background-color: inherit;
}

tr.diffskip > td.chunkctrl .button {
  background-color: #485D7B;
}
tr.diffskip.jchunk {
  background-color: #7EA2D9;
}
body.fossil-dark-style tr.diffskip.jchunk {
  filter: revert;
}

tr.diffskip > td.chunkctrl .jcbutton{
  color: white;
  background-color: #485D7B;
}

.fileage tr:hover {
  background-color:  #7EA2D9;








<
<
<
<



<
<
<
<








344
345
346
347
348
349
350




351
352
353




354
355
356
357
358
359
360

/* deleted in a diff */
td.difftxt del > del, td.diffln del {
  background-color: rgb(230, 110, 110);
}
td.difftxt del {
  background-color: inherit;
}




tr.diffskip.jchunk {
  background-color: #7EA2D9;
}




tr.diffskip > td.chunkctrl .jcbutton{
  color: white;
  background-color: #485D7B;
}

.fileage tr:hover {
  background-color:  #7EA2D9;
︙︙
Changes to skins/xekri/css.txt.
︙︙
261
262
263
264
265
266
267







268
269
270
271
272
273
274

  padding: 0.1rem 1rem;
}


/**************************************
 * Diffs
 */








/* Code Added */
td.diffln ins,
td.difftxt ins > ins {
  background-color: #7f7;
  color: #000;
}








>
>
>
>
>
>
>








261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281

  padding: 0.1rem 1rem;
}


/**************************************
 * Diffs
 */

tr.diffskip.jchunk {
  background-color: black;
}
tr.diffskip > td.chunkctrl .jcbutton {
  background-color: #303536;
}

/* Code Added */
td.diffln ins,
td.difftxt ins > ins {
  background-color: #7f7;
  color: #000;
}
︙︙
Changes to src/default.css.
︙︙
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597

}
tr.diffskip.jchunk {
  /* jchunk gets added from JS to diffskip rows when they are
     plugged into the /jchunk route. */
  background-color: aliceblue;
  padding: 0;
}
body.fossil-dark-style tr.diffskip.jchunk {
  filter: invert(100%);
}
tr.diffskip.jchunk > td {
  padding: 0.25em 0.5em;
  margin: 0;
}
tr.diffskip.jchunk:hover {
  /*background-color: rgba(127,127,127,0.5);
  cursor: pointer;*/
}
tr.diffskip > td.chunkctrl {
  text-align: left;
  font-family: monospace;
}
tr.diffskip > td.chunkctrl > div {
  /* Exists solely for layout purposes. */
}
body.fossil-dark-style tr.diffskip > td.chunkctrl{
  filter: inherit;
}
tr.diffskip > td.chunkctrl .jcbutton
/* class name .button breaks w/ some skins! */ {
  min-width: 3.5ex;
  max-width: 3.5ex;
  text-align: center;
  display: inline-block;
  padding: 0.1em 1em;








<
<
<















<
<
<








563
564
565
566
567
568
569



570
571
572
573
574
575
576
577
578
579
580
581
582
583
584



585
586
587
588
589
590
591

}
tr.diffskip.jchunk {
  /* jchunk gets added from JS to diffskip rows when they are
     plugged into the /jchunk route. */
  background-color: aliceblue;
  padding: 0;
}



tr.diffskip.jchunk > td {
  padding: 0.25em 0.5em;
  margin: 0;
}
tr.diffskip.jchunk:hover {
  /*background-color: rgba(127,127,127,0.5);
  cursor: pointer;*/
}
tr.diffskip > td.chunkctrl {
  text-align: left;
  font-family: monospace;
}
tr.diffskip > td.chunkctrl > div {
  /* Exists solely for layout purposes. */
}



tr.diffskip > td.chunkctrl .jcbutton
/* class name .button breaks w/ some skins! */ {
  min-width: 3.5ex;
  max-width: 3.5ex;
  text-align: center;
  display: inline-block;
  padding: 0.1em 1em;
︙︙
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640

  content: '⇣';
}
tr.diffskip > td.chunkctrl .jcbutton.up.down > span::before {
  content: '⇡⇣';
}

tr.diffskip > td.chunkctrl .jcbutton:hover {
  /*border-color: rgba(75,75,75,1);*/
  cursor: pointer;
  opacity: 1;
  filter: contrast(3);
}
td.diffln {
  width: 1px;
  text-align: right;
  padding: 0 1em 0 0;
}
td.difflne {








<


|








617
618
619
620
621
622
623

624
625
626
627
628
629
630
631
632
633

  content: '⇣';
}
tr.diffskip > td.chunkctrl .jcbutton.up.down > span::before {
  content: '⇡⇣';
}

tr.diffskip > td.chunkctrl .jcbutton:hover {

  cursor: pointer;
  opacity: 1;
  filter: contrast(1);
}
td.diffln {
  width: 1px;
  text-align: right;
  padding: 0 1em 0 0;
}
td.difflne {
︙︙