almet/la-chariotte
1
0
Fork 0
mirror of https://framagit.org/la-chariotte/la-chariotte.git synced 2025-05-01 19:32:26 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

horizontal scroll on tables for mobile screen

Browse source
This commit is contained in:
Laetitia Getti 2023-05-15 15:48:51 +02:00
parent 04628fccb3
commit 0f337fc629
3 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
la_chariotte/static/css/app.css
View file

@ -10352,3 +10352,11 @@ a.navbar-item:hover {
border: #A52951 1px solid !important; border: #A52951 1px solid !important;
color: #A52951 !important; color: #A52951 !important;
} }
@media screen and (max-width: 1023px) {
table {
display: block;
overflow-x: auto;
white-space: nowrap;
}
}

6
la_chariotte/static/sass/base/_table.sass Normal file
View file

@ -0,0 +1,6 @@
// Tables on mobile and tablets
@media screen and (max-width: $max-tablet)
table
display: block
overflow-x: auto
white-space: nowrap

1
la_chariotte/static/sass/style.sass
View file

@ -13,3 +13,4 @@
@import "./base/navbar" @import "./base/navbar"
@import "./base/content" @import "./base/content"
@import "./base/buttons" @import "./base/buttons"
@import "./base/table"