Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

LEARNPHYS-6 Allow tables to have cell and table widths, and still be … #149

Merged
merged 1 commit into from
Dec 14, 2017
Merged

LEARNPHYS-6 Allow tables to have cell and table widths, and still be … #149

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
47 changes: 41 additions & 6 deletions css/suitcase.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2086,21 +2086,33 @@ table.responsive-table,
/* -------------------- */
/* No headers (none) */

.responsive-table.table-none { display: table; min-width: 75%; }
.responsive-table.table-none {
display: table;
width: 100% !important; /* Override if table width is set */
min-width: 75%;
}

.responsive-table.table-none tr { border-bottom: 3px solid #bbb; }
.responsive-table.table-none td {
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
display: block;
}

.responsive-table.table-none td {
width: auto !important; /* Override if cell width set */
}

.responsive-table.table-none td:last-of-type { border-bottom: none; }

/* -------------------- */
/* Headers in first row */

.responsive-table.table-row { display: table; min-width: 75%; }
.responsive-table.table-row {
display: table;
width: 100% !important; /* Override if table width is set */
min-width: 75%;
}

.responsive-table.table-row th { display: none; }

Expand All @@ -2114,9 +2126,14 @@ table.responsive-table,
.responsive-table.table-row td {
display: flex;
padding: 0;
border-bottom: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}

.responsive-table.table-row th,
.responsive-table.table-row td {
width: auto !important; /* Override if cell width set */
}

.responsive-table.table-row td:last-of-type { border-bottom: none; }

Expand All @@ -2139,7 +2156,11 @@ table.responsive-table,
/* -------------------- */
/* Headers in first column */

.responsive-table.table-col { display: table; min-width: 75%; }
.responsive-table.table-col {
display: table;
width: 100% !important; /* Override if table width is set */
min-width: 75%;
}

.responsive-table.table-col th,
.responsive-table.table-col td { display: block; }
Expand All @@ -2152,17 +2173,26 @@ table.responsive-table,
}

.responsive-table.table-col td {
display: block;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
display: block;
}

.responsive-table.table-col th,
.responsive-table.table-col td {
width: auto !important; /* Override if cell width set */
}

.responsive-table.table-col td:last-of-type { border-bottom: none; }

/* -------------------- */
/* Headers in both first row and first column */

.responsive-table.table-both { display: table; min-width: 75%; }
.responsive-table.table-both {
display: table;
width: 100% !important; /* Override if table width is set */
min-width: 75%;
}

.responsive-table.table-both th,
.responsive-table.table-both td { display: block; }
Expand All @@ -2186,6 +2216,11 @@ table.responsive-table,
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}

.responsive-table.table-both th,
.responsive-table.table-both td {
width: auto !important; /* Override if cell width set */
}

.responsive-table.table-both td:last-of-type { border-bottom: none; }

Expand Down