Fossil SCM
Comment cell highlighting in /timeline now takes into account the compact and verbose modes better, and it separates out the rounding from the coloring so it can apply less rounding and a bit more padding in these same two cases, to avoid having the text near the corners crash into the borders.
Commit
b272004beb1502f03d08d57e2f63df87fb7b45459ba5b5cd56c7d3b96c020b6c
Parent
003c3e6c8a88634…
1 file changed
+24
-4
+24
-4
| --- skins/default/css.txt | ||
| +++ skins/default/css.txt | ||
| @@ -478,24 +478,44 @@ | ||
| 478 | 478 | * and graph columns as well. */ |
| 479 | 479 | background-color: unset; |
| 480 | 480 | border: unset; |
| 481 | 481 | box-shadow: unset; |
| 482 | 482 | } |
| 483 | +tr.timelineCurrent td.timelineColumnarCell, | |
| 484 | +tr.timelineCurrent td.timelineCompactCell, | |
| 483 | 485 | tr.timelineCurrent td.timelineModernCell, |
| 484 | -tr.timelineCurrent td.timelineColumnarCell { | |
| 486 | +tr.timelineCurrent td.timelineVerboseCell { | |
| 485 | 487 | border: 1px dashed #446979; |
| 486 | 488 | border-radius: 1em; |
| 487 | 489 | } |
| 490 | +tr.timelineSelected td.timelineColumnarCell, | |
| 491 | +tr.timelineSelected td.timelineCompactCell, | |
| 488 | 492 | tr.timelineSelected td.timelineModernCell, |
| 489 | -tr.timelineSelected td.timelineColumnarCell { | |
| 493 | +tr.timelineSelected td.timelineVerboseCell { | |
| 490 | 494 | background-color: #fbe8d5; |
| 491 | - border-radius: 1em; | |
| 492 | 495 | } |
| 496 | +tr.timelineSecondary td.timelineColumnarCell, | |
| 497 | +tr.timelineSecondary td.timelineCompactCell, | |
| 493 | 498 | tr.timelineSecondary td.timelineModernCell, |
| 494 | -tr.timelineSecondary td.timelineColumnarCell { | |
| 499 | +tr.timelineSecondary td.timelineVerboseCell { | |
| 495 | 500 | background-color: #d5e8fb; |
| 496 | 501 | } |
| 502 | +tr.timelineCurrent td, | |
| 503 | +tr.timelineSecondary td, | |
| 504 | +tr.timelineSelected td { | |
| 505 | + border-radius: 1em; /* Full-rounding default for modes that have room. */ | |
| 506 | +} | |
| 507 | +tr.timelineCurrent td.timelineCompactCell, | |
| 508 | +tr.timelineSecondary td.timelineCompactCell, | |
| 509 | +tr.timelineSelected td.timelineCompactCell, | |
| 510 | +tr.timelineCurrent td.timelineVerboseCell, | |
| 511 | +tr.timelineSecondary td.timelineVerboseCell, | |
| 512 | +tr.timelineSelected td.timelineVerboseCell { | |
| 513 | + border-radius: 0.5em; /* Exception: compact modes require half-rounding, */ | |
| 514 | + padding-left: 0.5em; /* and even then requires help to avoid clipping */ | |
| 515 | + padding-right: 0.5em; /* of the text near these rounded corners. */ | |
| 516 | +} | |
| 497 | 517 | span.timelineSelected { |
| 498 | 518 | background-color: #fbe8d5; |
| 499 | 519 | } |
| 500 | 520 | span.timelineSecondary { |
| 501 | 521 | background-color: #d5e8fb; |
| 502 | 522 |
| --- skins/default/css.txt | |
| +++ skins/default/css.txt | |
| @@ -478,24 +478,44 @@ | |
| 478 | * and graph columns as well. */ |
| 479 | background-color: unset; |
| 480 | border: unset; |
| 481 | box-shadow: unset; |
| 482 | } |
| 483 | tr.timelineCurrent td.timelineModernCell, |
| 484 | tr.timelineCurrent td.timelineColumnarCell { |
| 485 | border: 1px dashed #446979; |
| 486 | border-radius: 1em; |
| 487 | } |
| 488 | tr.timelineSelected td.timelineModernCell, |
| 489 | tr.timelineSelected td.timelineColumnarCell { |
| 490 | background-color: #fbe8d5; |
| 491 | border-radius: 1em; |
| 492 | } |
| 493 | tr.timelineSecondary td.timelineModernCell, |
| 494 | tr.timelineSecondary td.timelineColumnarCell { |
| 495 | background-color: #d5e8fb; |
| 496 | } |
| 497 | span.timelineSelected { |
| 498 | background-color: #fbe8d5; |
| 499 | } |
| 500 | span.timelineSecondary { |
| 501 | background-color: #d5e8fb; |
| 502 |
| --- skins/default/css.txt | |
| +++ skins/default/css.txt | |
| @@ -478,24 +478,44 @@ | |
| 478 | * and graph columns as well. */ |
| 479 | background-color: unset; |
| 480 | border: unset; |
| 481 | box-shadow: unset; |
| 482 | } |
| 483 | tr.timelineCurrent td.timelineColumnarCell, |
| 484 | tr.timelineCurrent td.timelineCompactCell, |
| 485 | tr.timelineCurrent td.timelineModernCell, |
| 486 | tr.timelineCurrent td.timelineVerboseCell { |
| 487 | border: 1px dashed #446979; |
| 488 | border-radius: 1em; |
| 489 | } |
| 490 | tr.timelineSelected td.timelineColumnarCell, |
| 491 | tr.timelineSelected td.timelineCompactCell, |
| 492 | tr.timelineSelected td.timelineModernCell, |
| 493 | tr.timelineSelected td.timelineVerboseCell { |
| 494 | background-color: #fbe8d5; |
| 495 | } |
| 496 | tr.timelineSecondary td.timelineColumnarCell, |
| 497 | tr.timelineSecondary td.timelineCompactCell, |
| 498 | tr.timelineSecondary td.timelineModernCell, |
| 499 | tr.timelineSecondary td.timelineVerboseCell { |
| 500 | background-color: #d5e8fb; |
| 501 | } |
| 502 | tr.timelineCurrent td, |
| 503 | tr.timelineSecondary td, |
| 504 | tr.timelineSelected td { |
| 505 | border-radius: 1em; /* Full-rounding default for modes that have room. */ |
| 506 | } |
| 507 | tr.timelineCurrent td.timelineCompactCell, |
| 508 | tr.timelineSecondary td.timelineCompactCell, |
| 509 | tr.timelineSelected td.timelineCompactCell, |
| 510 | tr.timelineCurrent td.timelineVerboseCell, |
| 511 | tr.timelineSecondary td.timelineVerboseCell, |
| 512 | tr.timelineSelected td.timelineVerboseCell { |
| 513 | border-radius: 0.5em; /* Exception: compact modes require half-rounding, */ |
| 514 | padding-left: 0.5em; /* and even then requires help to avoid clipping */ |
| 515 | padding-right: 0.5em; /* of the text near these rounded corners. */ |
| 516 | } |
| 517 | span.timelineSelected { |
| 518 | background-color: #fbe8d5; |
| 519 | } |
| 520 | span.timelineSecondary { |
| 521 | background-color: #d5e8fb; |
| 522 |