Mercurial > hg
comparison mercurial/templates/static/style-monoblue.css @ 35530:acd8a2454b47
monoblue: make actual changeset entries have backgrounds on /graph
This patch removes a separate container for backgrounds only and puts
backgrounds on changeset elements themselves. This makes it so that JS code
doesn't need to create background elements separately anymore.
There's a bit of manipulating positions of elements: every changeset entry has
a "fg" element that gets a higher z-index than <canvas> element. This
prioritizes text information, so that even if it somehow gets close to the
graph drawn on <canvas> (which has z-index of 5), it'll still be on top of it.
This can happen if commit message has a long first line and browser window is
narrow, for example.
'parity' is added to each entry because there's no stripes2 class in monoblue,
only in paper.
author | Anton Shestakov <av6@dwimlabs.net> |
---|---|
date | Fri, 05 Jan 2018 19:08:00 +0800 |
parents | 45ed821b5ce4 |
children |
comparison
equal
deleted
inserted
replaced
35529:5afe0ca59b07 | 35530:acd8a2454b47 |
---|---|
476 position: absolute; | 476 position: absolute; |
477 z-index: 5; | 477 z-index: 5; |
478 top: -0.7em; | 478 top: -0.7em; |
479 } | 479 } |
480 | 480 |
481 ul#nodebgs li.parity0 { | 481 ul#graphnodes li.parity0 { |
482 background: #F1F6F7; | 482 background: #F1F6F7; |
483 } | 483 } |
484 | 484 |
485 ul#nodebgs li.parity1 { | 485 ul#graphnodes li.parity1 { |
486 background: #FFFFFF; | 486 background: #FFFFFF; |
487 } | 487 } |
488 | 488 |
489 ul#graphnodes { | 489 ul#graphnodes { |
490 list-style: none inside none; | |
491 margin: 0; | |
492 padding: 0; | |
493 } | |
494 | |
495 ul#graphnodes li { | |
496 height: 37px; | |
497 overflow: visible; | |
498 padding-top: 2px; | |
499 } | |
500 | |
501 ul#graphnodes li .fg { | |
490 position: absolute; | 502 position: absolute; |
491 z-index: 10; | 503 z-index: 10; |
492 top: 7px; | |
493 list-style: none inside none; | |
494 } | |
495 | |
496 ul#nodebgs { | |
497 list-style: none inside none; | |
498 } | |
499 | |
500 ul#graphnodes li, ul#nodebgs li { | |
501 height: 39px; | |
502 } | 504 } |
503 | 505 |
504 ul#graphnodes li .info { | 506 ul#graphnodes li .info { |
505 margin-top: 2px; | 507 margin-top: 2px; |
506 } | 508 } |