Fossil

Check-in [7cc651c87f]
Login

Check-in [7cc651c87f]

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

Overview
Comment:More jchunk button style tweaks.
Downloads: Tarball | ZIP archive
Timelines: family | ancestors | descendants | both | diff-js-refactoring
Files: files | file ages | folders
SHA3-256: 7cc651c87f0aedb102ec9cc47d3da20633e648b6c7b91b033aa3b8e4df8e95ad
User & Date: stephan 2021-09-09 18:50:57.051
Context
2021-09-09
20:03
Style improvements. Hooked up the buttons but they don't yet fetch anything. ... (check-in: f0984389ba user: stephan tags: diff-js-refactoring)
18:50
More jchunk button style tweaks. ... (check-in: 7cc651c87f user: stephan tags: diff-js-refactoring)
18:31
Doc typos. ... (check-in: fa654e947a user: stephan tags: diff-js-refactoring)
Changes
Unified Diff Ignore Whitespace Patch
Changes to src/default.css.
︙︙
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
598
599
600
601
602
603

tr.diffskip > td.chunkctrl > div > .button {
  min-width: 2.5em;
  max-width: 2.5em;
  text-align: center;
  display: inline-block;
  padding: 0.1em 1em;
  margin: 0 1em 0 0;
  background-color: rgba(127,127,127,0.3);
  border-style: outset;

  border-width: 1px;
  border-color: rgba(0,0,0,0);
  border-radius: 0.5em;


}
tr.diffskip > td.chunkctrl > div > .button > span {
  /* In order to increase the glyph size w/o increasing the em-based
     button size or border-radius, we need an extra layer of DOM
     element for the glyph. */
  font-size: 150%;
}
tr.diffskip > td.chunkctrl > div > .button.up:not(.down){
  /* Simulate an arrow pointing up */
  border-radius: 3em 3em 0.25em 0.25em;
}
tr.diffskip > td.chunkctrl > div > .button.down:not(.up){
  /* Simulate an arrow pointing down */
  border-radius: 0.25em 0.25em 3em 3em;
}
tr.diffskip > td.chunkctrl > div > .button:hover {
  border-color: rgba(0,0,0,1);
  cursor: pointer;


}
td.diffln {
  width: 1px;
  text-align: right;
  padding: 0 1em 0 0;
}
td.difflne {








|

>
|
|

>
>
















|

>
>








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
598
599
600
601
602
603
604
605
606
607
608

tr.diffskip > td.chunkctrl > div > .button {
  min-width: 2.5em;
  max-width: 2.5em;
  text-align: center;
  display: inline-block;
  padding: 0.1em 1em;
  margin: 0 1em 0 0;
  background-color: rgba(127,127,127,0.2);
  border-style: outset;
  border-width: 0;
  /*border-width: 1px;
  border-color: rgba(0,0,0,0);*/
  border-radius: 0.5em;
  opacity: 0.7;
  /*filter: drop-shadow(0.08em 0.08em 0.08em black);*/
}
tr.diffskip > td.chunkctrl > div > .button > span {
  /* In order to increase the glyph size w/o increasing the em-based
     button size or border-radius, we need an extra layer of DOM
     element for the glyph. */
  font-size: 150%;
}
tr.diffskip > td.chunkctrl > div > .button.up:not(.down){
  /* Simulate an arrow pointing up */
  border-radius: 3em 3em 0.25em 0.25em;
}
tr.diffskip > td.chunkctrl > div > .button.down:not(.up){
  /* Simulate an arrow pointing down */
  border-radius: 0.25em 0.25em 3em 3em;
}
tr.diffskip > td.chunkctrl > div > .button: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 {
︙︙