From e09b2ab041fa044ec6124591dc2f1952507f22c8 Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Thu, 6 Jun 2019 15:13:44 +0200 Subject: [PATCH] fix(table): table header on mobile Closes #787 --- src/definitions/collections/table.less | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/src/definitions/collections/table.less b/src/definitions/collections/table.less index a253c644ab..ab6c4d52d5 100755 --- a/src/definitions/collections/table.less +++ b/src/definitions/collections/table.less @@ -168,6 +168,10 @@ width: 100%; padding: 0; } + .ui.table:not(.unstackable) > thead, + .ui.table:not(.unstackable) > thead > tr, + .ui.table:not(.unstackable) > tfoot, + .ui.table:not(.unstackable) > tfoot > tr, .ui.table:not(.unstackable) > tbody, .ui.table:not(.unstackable) > tr, .ui.table:not(.unstackable) > tbody > tr, @@ -196,10 +200,10 @@ box-shadow: @responsiveRowBoxShadow; } - .ui.table:not(.unstackable) > tr > th, - .ui.table:not(.unstackable) > thead > tr > th, - .ui.table:not(.unstackable) > tbody > tr > th, - .ui.table:not(.unstackable) > tfoot > tr > th, + .ui.ui.ui.ui.table:not(.unstackable) > tr > th, + .ui.ui.ui.ui.table:not(.unstackable) > thead > tr > th, + .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr > th, + .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr > th, .ui.ui.ui.ui.table:not(.unstackable) > tr > td, .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr > td { background: none; @@ -411,6 +415,10 @@ @media only screen and (max-width : @largestTabletScreen) { .ui[class*="tablet stackable"].table, + .ui[class*="tablet stackable"].table > thead, + .ui[class*="tablet stackable"].table > thead > tr, + .ui[class*="tablet stackable"].table > tfoot, + .ui[class*="tablet stackable"].table > tfoot > tr, .ui[class*="tablet stackable"].table > tbody, .ui[class*="tablet stackable"].table > tbody > tr, .ui[class*="tablet stackable"].table > tr,