Skip to content

Commit

Permalink
Fix word-break on most browsers
Browse files Browse the repository at this point in the history
  • Loading branch information
cchaos committed Dec 5, 2018
1 parent daaf12e commit f457b73
Showing 1 changed file with 6 additions and 11 deletions.
17 changes: 6 additions & 11 deletions src/components/table/_table.scss
Original file line number Diff line number Diff line change
Expand Up @@ -139,10 +139,14 @@
* the cell.
*/
.euiTableCellContent__text {
@include internetExplorerOnly {
word-break: break-all;
}

min-width: 0;
text-overflow: ellipsis;
word-break: break-all; /* 1 */ // Fallback for FF and IE
word-break: break-word; /* 1 */
overflow-wrap: break-word; /* 1 */

}

.euiTableCellContent--alignRight {
Expand All @@ -168,15 +172,6 @@
.euiTableCellContent--overflowingContent {
overflow: visible;
white-space: normal;
word-break: break-word;

/**
* 1. Prevent very long single words (e.g. the name of a field in a document) from overflowing
* the cell.
*/
.euiTableCellContent__text {
overflow: visible; /* 1 */
}
}

.euiTableCellContent--showOnHover {
Expand Down

0 comments on commit f457b73

Please sign in to comment.