github/lidarr
1
0
Fork 0
mirror of https://github.com/lidarr/lidarr.git synced 2025-07-06 04:52:21 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fixed: Allow tables to scroll on tablets in portrait mode

Browse source 
(cherry picked from commit 5fb632eb46cf77ea4f61d407f6429d9c32dba766)
This commit is contained in:
Mark McDowall 2025-03-23 20:06:49 -07:00 • committed by Bogdan
parent f8d4b3a59b
commit 18f13fe7f8
7 changed files with 6 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/Components/Modal/Modal.css
View file

@ -83,13 +83,6 @@
} }
@media only screen and (max-width: $breakpointMedium) { @media only screen and (max-width: $breakpointMedium) {
.modal.small,
.modal.medium {
width: 90%;
}
}
@media only screen and (max-width: $breakpointSmall) {
.modalContainer { .modalContainer {
position: fixed; position: fixed;
} }

2
frontend/src/Components/Table/Cells/TableRowCell.css
View file

@ -4,7 +4,7 @@
line-height: 1.52857143; line-height: 1.52857143;
} }
@media only screen and (max-width: $breakpointSmall) { @media only screen and (max-width: $breakpointMedium) {
.cell { .cell {
white-space: nowrap; white-space: nowrap;
} }

2
frontend/src/Components/Table/Cells/VirtualTableRowCell.css
View file

@ -7,7 +7,7 @@
white-space: nowrap; white-space: nowrap;
} }
@media only screen and (max-width: $breakpointSmall) { @media only screen and (max-width: $breakpointMedium) {
.cell { .cell {
white-space: nowrap; white-space: nowrap;
} }

2
frontend/src/Components/Table/Table.css
View file

@ -10,7 +10,7 @@
border-collapse: collapse; border-collapse: collapse;
} }
@media only screen and (max-width: $breakpointSmall) { @media only screen and (max-width: $breakpointMedium) {
.tableContainer { .tableContainer {
min-width: 100%; min-width: 100%;
width: fit-content; width: fit-content;

2
frontend/src/Components/Table/TableHeaderCell.css
View file

@ -9,7 +9,7 @@
margin-left: 10px; margin-left: 10px;
} }
@media only screen and (max-width: $breakpointSmall) { @media only screen and (max-width: $breakpointMedium) {
.headerCell { .headerCell {
white-space: nowrap; white-space: nowrap;
} }

2
frontend/src/Components/Table/TablePager.css
View file

@ -60,7 +60,7 @@
height: 25px; height: 25px;
} }
@media only screen and (max-width: $breakpointSmall) { @media only screen and (max-width: $breakpointMedium) {
.pager { .pager {
flex-wrap: wrap; flex-wrap: wrap;
} }

2
frontend/src/Components/Table/VirtualTableHeaderCell.css
View file

@ -9,7 +9,7 @@
margin-left: 10px; margin-left: 10px;
} }
@media only screen and (max-width: $breakpointSmall) { @media only screen and (max-width: $breakpointMedium) {
.headerCell { .headerCell {
white-space: nowrap; white-space: nowrap;
} }