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 }