184 Responsive table
Add a media query to fix the table behavior on mobile
This commit is contained in:
parent
3326823565
commit
533ae390f6
@ -17,3 +17,43 @@ th
|
|||||||
|
|
||||||
&:last-child
|
&:last-child
|
||||||
padding-right: 0
|
padding-right: 0
|
||||||
|
|
||||||
|
@media screen and (max-width: 40.0rem)
|
||||||
|
table
|
||||||
|
border-spacing: 0
|
||||||
|
display: flex
|
||||||
|
width: 100%
|
||||||
|
|
||||||
|
thead
|
||||||
|
border-right: solid .1rem $color-quinary
|
||||||
|
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
padding-left: 0
|
||||||
|
|
||||||
|
&:first-child
|
||||||
|
padding-left: 0
|
||||||
|
|
||||||
|
&:last-child
|
||||||
|
padding-right: 1.2rem
|
||||||
|
|
||||||
|
tbody
|
||||||
|
display: flex
|
||||||
|
overflow-x: auto
|
||||||
|
white-space: nowrap
|
||||||
|
|
||||||
|
tr
|
||||||
|
border-right: solid .1rem $color-quinary
|
||||||
|
|
||||||
|
&:last-child
|
||||||
|
border-right: none
|
||||||
|
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
display: block
|
||||||
|
|
||||||
|
&:first-child
|
||||||
|
padding-left: 1.2rem
|
||||||
|
|
||||||
|
&:last-child
|
||||||
|
padding-right: 1.2rem
|
||||||
|
Loading…
Reference in New Issue
Block a user