feat(dossiers-ngi): sticky bar vs-main compact dates tabular wider tree
This commit is contained in:
parent
52e5c1d328
commit
da6f384399
6 changed files with 231 additions and 192 deletions
|
|
@ -13,7 +13,7 @@ html {
|
|||
width: 100%;
|
||||
max-width: none;
|
||||
margin: 0;
|
||||
padding: 0.2rem 0.5rem 0.25rem;
|
||||
padding: 0.2rem 0.75rem 0.25rem;
|
||||
background: #10141a;
|
||||
border-bottom: 1px solid #243040;
|
||||
color: #c8d0d8;
|
||||
|
|
@ -23,20 +23,24 @@ html {
|
|||
}
|
||||
.cascade-tree {
|
||||
width: 100%;
|
||||
max-width: 45em;
|
||||
max-width: min(80rem, calc(100vw - 1.5rem));
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.cascade-tree-lines {
|
||||
white-space: pre;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
a.cascade-tree-row {
|
||||
display: block;
|
||||
display: grid;
|
||||
grid-template-columns: minmax(12rem, 1fr) 7.5rem 11.5rem 7rem;
|
||||
column-gap: 0.85rem;
|
||||
align-items: baseline;
|
||||
color: #7ec8ff;
|
||||
text-decoration: none;
|
||||
padding: 0;
|
||||
padding: 0 0.15rem;
|
||||
border-radius: 2px;
|
||||
}
|
||||
a.cascade-tree-row:hover {
|
||||
|
|
@ -55,12 +59,20 @@ a.cascade-tree-row.is-active:hover {
|
|||
color: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
.cascade-bar .tip {
|
||||
color: #8a96a3;
|
||||
white-space: nowrap;
|
||||
.cascade-name {
|
||||
white-space: pre;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
min-width: 0;
|
||||
color: inherit;
|
||||
}
|
||||
.cascade-bar .cascade-default {
|
||||
color: #6a9080;
|
||||
.cascade-when,
|
||||
.cascade-built,
|
||||
.cascade-diff {
|
||||
text-align: right;
|
||||
font-variant-numeric: tabular-nums;
|
||||
white-space: nowrap;
|
||||
color: #8a96a3;
|
||||
}
|
||||
.cascade-timing {
|
||||
display: none;
|
||||
|
|
@ -74,6 +86,10 @@ a.cascade-tree-row.is-active:hover {
|
|||
.cascade-tree {
|
||||
max-width: 100%;
|
||||
}
|
||||
a.cascade-tree-row {
|
||||
grid-template-columns: minmax(8rem, 1fr) 6.5rem 10rem 6rem;
|
||||
column-gap: 0.45rem;
|
||||
}
|
||||
}
|
||||
|
||||
.cascade-bar .diff-plus {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue