10h30/wp-strava
1
0
Fork 0
mirror of https://github.com/10h30/wp-strava.git synced 2026-07-11 18:56:18 +09:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #121 from cmanon/feature/120-table-styling

Browse Source 
Add class name selector to responsive tables
This commit is contained in:
Justin Foell
2022-04-29 14:22:41 -05:00
committed by GitHub
parent 5bdd899e56 78cbc07067
commit 775720be84
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/wp-strava.css
+4 -4
View File
@@ -40,18 +40,18 @@ only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr {
.activity-details-table table, thead, tbody, th, td, tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
thead tr {
.activity-details-table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
td {
.activity-details-table td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #e7e7e7;
@@ -59,7 +59,7 @@ only screen and (max-width: 760px),
padding-left: 50%;
}
td:before {
.activity-details-table td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */