Fossil SCM
More jchunk button style tweaks.
Commit
7cc651c87f0aedb102ec9cc47d3da20633e648b6c7b91b033aa3b8e4df8e95ad
Parent
fa654e947aa5f0f…
1 file changed
+9
-4
+9
-4
| --- src/default.css | ||
| +++ src/default.css | ||
| @@ -569,15 +569,18 @@ | ||
| 569 | 569 | max-width: 2.5em; |
| 570 | 570 | text-align: center; |
| 571 | 571 | display: inline-block; |
| 572 | 572 | padding: 0.1em 1em; |
| 573 | 573 | margin: 0 1em 0 0; |
| 574 | - background-color: rgba(127,127,127,0.3); | |
| 574 | + background-color: rgba(127,127,127,0.2); | |
| 575 | 575 | border-style: outset; |
| 576 | - border-width: 1px; | |
| 577 | - border-color: rgba(0,0,0,0); | |
| 576 | + border-width: 0; | |
| 577 | + /*border-width: 1px; | |
| 578 | + border-color: rgba(0,0,0,0);*/ | |
| 578 | 579 | border-radius: 0.5em; |
| 580 | + opacity: 0.7; | |
| 581 | + /*filter: drop-shadow(0.08em 0.08em 0.08em black);*/ | |
| 579 | 582 | } |
| 580 | 583 | tr.diffskip > td.chunkctrl > div > .button > span { |
| 581 | 584 | /* In order to increase the glyph size w/o increasing the em-based |
| 582 | 585 | button size or border-radius, we need an extra layer of DOM |
| 583 | 586 | element for the glyph. */ |
| @@ -590,12 +593,14 @@ | ||
| 590 | 593 | tr.diffskip > td.chunkctrl > div > .button.down:not(.up){ |
| 591 | 594 | /* Simulate an arrow pointing down */ |
| 592 | 595 | border-radius: 0.25em 0.25em 3em 3em; |
| 593 | 596 | } |
| 594 | 597 | tr.diffskip > td.chunkctrl > div > .button:hover { |
| 595 | - border-color: rgba(0,0,0,1); | |
| 598 | + /*border-color: rgba(75,75,75,1);*/ | |
| 596 | 599 | cursor: pointer; |
| 600 | + opacity: 1; | |
| 601 | + filter: contrast(3); | |
| 597 | 602 | } |
| 598 | 603 | td.diffln { |
| 599 | 604 | width: 1px; |
| 600 | 605 | text-align: right; |
| 601 | 606 | padding: 0 1em 0 0; |
| 602 | 607 |
| --- src/default.css | |
| +++ src/default.css | |
| @@ -569,15 +569,18 @@ | |
| 569 | max-width: 2.5em; |
| 570 | text-align: center; |
| 571 | display: inline-block; |
| 572 | padding: 0.1em 1em; |
| 573 | margin: 0 1em 0 0; |
| 574 | background-color: rgba(127,127,127,0.3); |
| 575 | border-style: outset; |
| 576 | border-width: 1px; |
| 577 | border-color: rgba(0,0,0,0); |
| 578 | border-radius: 0.5em; |
| 579 | } |
| 580 | tr.diffskip > td.chunkctrl > div > .button > span { |
| 581 | /* In order to increase the glyph size w/o increasing the em-based |
| 582 | button size or border-radius, we need an extra layer of DOM |
| 583 | element for the glyph. */ |
| @@ -590,12 +593,14 @@ | |
| 590 | tr.diffskip > td.chunkctrl > div > .button.down:not(.up){ |
| 591 | /* Simulate an arrow pointing down */ |
| 592 | border-radius: 0.25em 0.25em 3em 3em; |
| 593 | } |
| 594 | tr.diffskip > td.chunkctrl > div > .button:hover { |
| 595 | border-color: rgba(0,0,0,1); |
| 596 | cursor: pointer; |
| 597 | } |
| 598 | td.diffln { |
| 599 | width: 1px; |
| 600 | text-align: right; |
| 601 | padding: 0 1em 0 0; |
| 602 |
| --- src/default.css | |
| +++ src/default.css | |
| @@ -569,15 +569,18 @@ | |
| 569 | max-width: 2.5em; |
| 570 | text-align: center; |
| 571 | display: inline-block; |
| 572 | padding: 0.1em 1em; |
| 573 | margin: 0 1em 0 0; |
| 574 | background-color: rgba(127,127,127,0.2); |
| 575 | border-style: outset; |
| 576 | border-width: 0; |
| 577 | /*border-width: 1px; |
| 578 | border-color: rgba(0,0,0,0);*/ |
| 579 | border-radius: 0.5em; |
| 580 | opacity: 0.7; |
| 581 | /*filter: drop-shadow(0.08em 0.08em 0.08em black);*/ |
| 582 | } |
| 583 | tr.diffskip > td.chunkctrl > div > .button > span { |
| 584 | /* In order to increase the glyph size w/o increasing the em-based |
| 585 | button size or border-radius, we need an extra layer of DOM |
| 586 | element for the glyph. */ |
| @@ -590,12 +593,14 @@ | |
| 593 | tr.diffskip > td.chunkctrl > div > .button.down:not(.up){ |
| 594 | /* Simulate an arrow pointing down */ |
| 595 | border-radius: 0.25em 0.25em 3em 3em; |
| 596 | } |
| 597 | tr.diffskip > td.chunkctrl > div > .button:hover { |
| 598 | /*border-color: rgba(75,75,75,1);*/ |
| 599 | cursor: pointer; |
| 600 | opacity: 1; |
| 601 | filter: contrast(3); |
| 602 | } |
| 603 | td.diffln { |
| 604 | width: 1px; |
| 605 | text-align: right; |
| 606 | padding: 0 1em 0 0; |
| 607 |