darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-21 14:59:47 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix display of spreadsheet tables

Browse Source 
a9f79bcf07 made all tables have a `fixed`
layout. This causes issues with the spreadsheet-looking tables.

This commit treats tables with half-width first columns as the
exception, not the rule, and makes other tables display as before.
This commit is contained in:
Chris Hill-Scott
2016-06-09 15:52:10 +01:00
parent 50a81a96a3
commit 4077e2860d
3 changed files with 88 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
app/assets/stylesheets/components/table.scss
View File

@@ -1,7 +1,6 @@
.table {
margin-bottom: $gutter;
width: 100%;
table-layout: fixed;
}
.table-heading {
@@ -9,24 +8,32 @@
margin: 40px 0 $gutter-half 0;
}
.table-field-headings {
th {
padding: 0 0 5px 0;
.dashboard-table {
.table {
table-layout: fixed;
}
}
.table-row {
th {
display: table-cell;
width: 52.5%;
font-weight: normal;
.hint {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
.table-field-headings {
th {
padding: 0 0 5px 0;
}
}
.table-row {
th {
display: table-cell;
width: 52.5%;
font-weight: normal;
.hint {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}
}
%table-field,
@@ -105,7 +112,7 @@
.table-field-heading {
&-first {
.dashboard-table &-first {
width: 52.5%;
}