mirror of
https://github.com/gorhill/uMatrix.git
synced 2024-05-19 11:43:21 +12:00
Make use of css flex in matrix UI
This commit is contained in:
parent
d993b8442a
commit
df4a403473
|
@ -347,19 +347,19 @@ body.tabless .needtab {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
.matRow {
|
.matRow {
|
||||||
|
align-items: flex-start;
|
||||||
display: flex;
|
display: flex;
|
||||||
white-space: nowrap;
|
|
||||||
}
|
}
|
||||||
.matCell {
|
.matCell {
|
||||||
|
box-sizing: content-box;
|
||||||
|
display: inline-flex;
|
||||||
|
flex-shrink: 0;
|
||||||
|
justify-content: center;
|
||||||
|
line-height: 110%;
|
||||||
margin: 1px 1px 0 0;
|
margin: 1px 1px 0 0;
|
||||||
padding: 6px 2px;
|
padding: 6px 2px;
|
||||||
display: inline-block;
|
|
||||||
box-sizing: content-box;
|
|
||||||
width: 2.6em;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 110%;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
|
width: 2.6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#matHead {
|
#matHead {
|
||||||
|
@ -380,7 +380,9 @@ body.tabless .needtab {
|
||||||
/* RFC 3987 Internationalized Resource Identifiers (IRIs) -- 4.4 */
|
/* RFC 3987 Internationalized Resource Identifiers (IRIs) -- 4.4 */
|
||||||
.matrix .matRow > .matCell:first-child {
|
.matrix .matRow > .matCell:first-child {
|
||||||
direction: ltr;
|
direction: ltr;
|
||||||
text-align: right;
|
flex-grow: 1;
|
||||||
|
flex-shrink: 1;
|
||||||
|
justify-content: flex-end;
|
||||||
unicode-bidi: embed;
|
unicode-bidi: embed;
|
||||||
width: 16em;
|
width: 16em;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue