In elastic/kibana#92374 , it was noted that the table cell content alignment is inconsistent on Safari. Using the align prop works for right and center, as that applies an explicit class, but left and start appear to have no effect (i.e. they are left to the browser default, I suspect).
In effect, this means you cannot reliably for a left/start alignment on Safari. The likely code in question is below:
|
.euiTableCellContent { |
|
overflow: hidden; /* 4 */ |
|
display: flex; |
|
align-items: center; /* 1 */ |
|
padding: $euiTableCellContentPadding; /* 2 */ |
|
} |
|
|
|
.euiTableCellContent__text { |
|
@include euiTextBreakWord; /* 4 */ |
|
min-width: 0; |
|
text-overflow: ellipsis; |
|
} |
|
|
|
.euiTableCellContent--alignRight { |
|
justify-content: flex-end; |
|
text-align: right; |
|
} |
|
|
|
.euiTableCellContent--alignCenter { |
|
justify-content: center; |
|
text-align: center; |
|
} |
Screenshot from Safari
In elastic/kibana#92374 , it was noted that the table cell content alignment is inconsistent on Safari. Using the
alignprop works forrightandcenter, as that applies an explicit class, butleftandstartappear to have no effect (i.e. they are left to the browser default, I suspect).In effect, this means you cannot reliably for a left/start alignment on Safari. The likely code in question is below:
eui/src/components/table/_table.scss
Lines 141 to 162 in 5270286
Screenshot from Safari