1
0
Fork 0
mirror of https://github.com/gorhill/uMatrix.git synced 2024-05-05 21:03:17 +12:00

Make use of css flex in matrix UI

This commit is contained in:
Raymond Hill 2019-12-22 08:51:08 -05:00
parent d993b8442a
commit df4a403473
No known key found for this signature in database
GPG key ID: 25E1490B761470C2

View file

@ -347,19 +347,19 @@ body.tabless .needtab {
text-align: left;
}
.matRow {
align-items: flex-start;
display: flex;
white-space: nowrap;
}
.matCell {
box-sizing: content-box;
display: inline-flex;
flex-shrink: 0;
justify-content: center;
line-height: 110%;
margin: 1px 1px 0 0;
padding: 6px 2px;
display: inline-block;
box-sizing: content-box;
width: 2.6em;
white-space: nowrap;
text-align: center;
line-height: 110%;
position: relative;
width: 2.6em;
}
#matHead {
@ -380,7 +380,9 @@ body.tabless .needtab {
/* RFC 3987 Internationalized Resource Identifiers (IRIs) -- 4.4 */
.matrix .matRow > .matCell:first-child {
direction: ltr;
text-align: right;
flex-grow: 1;
flex-shrink: 1;
justify-content: flex-end;
unicode-bidi: embed;
width: 16em;
}