Permalink
Browse files

fix(table): text overflow and column width

  • Loading branch information...
Freihofner, Katrin Freihofner, Katrin
Freihofner, Katrin authored and Freihofner, Katrin committed Jan 26, 2017
1 parent d7a9c0a commit d190cc7aa4c8117a47122975d47cd59e94d4addf
Showing with 11 additions and 9 deletions.
  1. +2 −2 src/table/samples/00-main-sample.html
  2. +9 −7 src/table/table.scss
@@ -10,14 +10,14 @@
</thead>
<tbody>
<tr>
<td>com.ruxit.builtin:host.cpu.idle</td>
<td>com.ruxit.builtin:host.cpu idle</td>
<td>CPU idle</td>
<td>%</td>
<td>min, max, sum, avg</td>
<td>osType</td>
</tr>
<tr>
<td>com.ruxit.builtin:host.cpu.system</td>
<td>com.ruxit.builtin:host.cpu system</td>
<td>CPU system</td>
<td>%</td>
<td>min, max, sum, avg</td>
View
@@ -19,10 +19,12 @@ $includedTable: false !default;
.table td {
padding-left: 12px;
padding-right: 12px;
text-overflow: ellipsis;
}
.table td {
height: 40px;
padding-top: 10px;
padding-bottom: 11px;
}
@media (max-width: 920px) {
@@ -31,10 +33,9 @@ $includedTable: false !default;
display: block;
border-top: 1px solid $gray-200;
position: relative;
padding-left: 50%;
width: auto;
padding-top: 11px;
white-space: normal;
padding-left: calc(50% + 12px);
max-width: 100%;
overflow: hidden;
}
.table td:before {
@@ -45,9 +46,10 @@ $includedTable: false !default;
position: absolute;
border-right: 1px solid $gray-200;
height: 100%;
top: inherit;
top: 0;
left: 12px;
width: 46%;
padding-top: 11px;
width: calc(50% - 12px);
white-space: inherit;
}

0 comments on commit d190cc7

Please sign in to comment.