Fixed alignment for number columns
gitea/salix/pipeline/head This commit looks good Details

This commit is contained in:
Joan Sanchez 2021-11-12 15:17:30 +01:00
parent 3e35e7e0b8
commit 86f8e81251
2 changed files with 4 additions and 12 deletions

View File

@ -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
} }

View File

@ -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;