github-mirrors/radarr
1
0
Fork 0
mirror of https://github.com/Radarr/Radarr.git synced 2025-04-19 12:14:45 -04:00
Code Issues Projects Releases Packages Wiki Activity

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 7ea9161779
commit 4b3c29ed93
7 changed files with 6 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

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

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

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

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

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

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

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

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

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

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

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

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

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