Fixed alignment for number columns
gitea/salix/pipeline/head This commit looks good
Details
gitea/salix/pipeline/head This commit looks good
Details
This commit is contained in:
parent
3e35e7e0b8
commit
86f8e81251
|
@ -7,17 +7,14 @@ smart-table {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
& > * {
|
|
||||||
display: flex
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
th[field][number] {
|
th[field][number] {
|
||||||
& > :before {
|
& > :before {
|
||||||
display: flex;
|
vertical-align: middle;
|
||||||
font-family: 'Material Icons';
|
font-family: 'Material Icons';
|
||||||
content: 'arrow_downward';
|
content: 'arrow_downward';
|
||||||
color: $color-spacer;
|
color: $color-spacer;
|
||||||
margin: 2px 2px 0 0;
|
margin-right: 2px;
|
||||||
opacity: 0
|
opacity: 0
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -42,11 +39,11 @@ smart-table {
|
||||||
|
|
||||||
th[field]:not([number]) {
|
th[field]:not([number]) {
|
||||||
& > :after {
|
& > :after {
|
||||||
display: flex;
|
vertical-align: middle;
|
||||||
font-family: 'Material Icons';
|
font-family: 'Material Icons';
|
||||||
content: 'arrow_downward';
|
content: 'arrow_downward';
|
||||||
color: $color-spacer;
|
color: $color-spacer;
|
||||||
margin: 2px 0 0 2px;
|
margin-left: 2px;
|
||||||
opacity: 0
|
opacity: 0
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -32,12 +32,7 @@ smart-table table {
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
|
||||||
&[number] {
|
&[number] {
|
||||||
flex-direction: column;
|
|
||||||
text-align: right;
|
text-align: right;
|
||||||
align-items:flex-end;
|
|
||||||
align-content: flex-end;
|
|
||||||
|
|
||||||
justify-content: right;
|
|
||||||
}
|
}
|
||||||
&[centered] {
|
&[centered] {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
Loading…
Reference in New Issue