github/Ombi
1
0
Fork 0
mirror of https://github.com/Ombi-app/Ombi.git synced 2025-08-20 21:33:15 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Issue button fix (#2006)

Browse source 
* Move @media to top of file together with the rest

* Fix cut off dropdown menu on mobile
This commit is contained in:
Louis Laureys 2018-02-23 23:29:22 +01:00 • committed by Jamie
commit 1fc36f840c
1 changed files with 44 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

87
src/Ombi/ClientApp/styles/base.scss
View file

@ -22,6 +22,49 @@ $i: !important;
} }
} }
@media only screen and (max-width: 768px) {
.table-usermanagement {
/* Force table to not be like tables anymore */
display: block;
thead, tbody, th, td, tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50% $i;
min-height: 25px;
}
td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
/* Label the data */
.td-labelled:before {
content: attr(data-label)
}
}
}
@media (max-width: 48em) { @media (max-width: 48em) {
.home { .home {
padding-top: 1rem; padding-top: 1rem;
@ -843,6 +886,7 @@ textarea {
.ui-treetable tbody td { .ui-treetable tbody td {
white-space: inherit; white-space: inherit;
overflow: visible;
} }
table a:not(.btn) { table a:not(.btn) {
@ -897,49 +941,6 @@ a > h4:hover {
padding-top:15px; padding-top:15px;
} }
@media only screen and (max-width: 768px) {
.table-usermanagement {
/* Force table to not be like tables anymore */
display: block;
thead, tbody, th, td, tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50% $i;
min-height: 25px;
}
td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
/* Label the data */
.td-labelled:before {
content: attr(data-label)
}
}
}
.searchWidth { .searchWidth {
width: 94%; width: 94%;
} }