bashclub/piler
1
0
Fork 0
mirror of https://bitbucket.org/jsuto/piler.git synced 2025-06-23 00:33:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

attempt to merge the mobile fix

Browse Source 
Signed-off-by: Janos SUTO <sj@acts.hu>
This commit is contained in:
Janos SUTO
2020-03-14 17:14:12 +01:00
parent 162f16ee53
commit 1d93824ea3
9 changed files with 383 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

121
webui/view/theme/default/assets/css/responsive.css Normal file
View File

@ -0,0 +1,121 @@
/** Respsonsive adjustments **/
#logo-lg {
max-width: 100%; }
@media (min-width: 980px) {
body {
padding-top: 0; } }
@media (max-width: 767px) {
body {
padding-left: 10px;
padding-right: 10px; }
body .navbar-fixed-top, body .navbar-fixed-bottom, body .navbar-static-top {
margin-left: -10px;
margin-right: -10px; } }
#menu {
position: relative;
z-index: 100; }
@media (max-width: 979px) {
.nav-collapse.collapse {
position: absolute;
top: 52px;
width: 100vw;
margin: 0 0 0 -5px; } }
@media (max-width: 767px) {
#searchcontainer {
min-width: auto;
max-width: 100%; } }
#searchcontainer .control-group .controls .dropdown-backdrop {
display: none; }
@media (max-width: 767px) {
#searchcontainer .control-group .controls button {
font-size: 14px;
width: 44%; }
#searchcontainer .control-group .controls button .caret {
margin-top: 9px;
margin-right: 0;
margin-left: -5px; }
#searchcontainer .control-group .controls button#button_search, #searchcontainer .control-group .controls button #button_options {
width: 28%; } }
#searchcontainer .control-group .dropdown-menu {
left: auto;
right: 0; }
@media (max-width: 979px) {
#searchpopup1 {
max-width: 100%; } }
@media (max-width: 979px) and (max-width: 767px) {
#searchpopup1 {
top: 40px; } }
@media (max-width: 979px) {
#searchpopup1 form {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 0; } }
@media (min-width: 980px) {
#piler1.container, #piler1.container-fluid {
margin-top: 60px; } }
@media (max-width: 767px) {
#mainscreen {
min-width: auto;
max-width: 100%;
left: 10px;
right: 10px; } }
@media (max-width: 767px) {
#mainscreen #mailcontframe table#results th, #mainscreen #mailcontframe table#resultstable th {
line-height: normal;
font-size: 14px;
white-space: nowrap; }
#mainscreen #mailcontframe #pagingrow, #mainscreen #mailcontframe #functionrow {
height: auto;
min-height: 33px; } }
@media (max-width: 767px) {
#mainscreen #mailcontframe #messagelistfooter #functionrow #functionbox {
float: none;
width: 100%; }
#mainscreen #mailcontframe #messagelistfooter #functionrow #functionbox a.btn-custom {
padding: 9px;
height: auto; }
#mainscreen #mailcontframe #messagelistfooter #functionrow #functionbox .add-on {
width: 40%; }
#mainscreen #mailcontframe #messagelistfooter #functionrow #functionbox #tag_value {
min-width: auto;
max-width: none;
width: calc(58% - 96px); } }
#mainscreen #mailpreviewframe #notesbox {
display: none; }
@media (max-width: 767px) {
#mainscreen #mailpreviewframe .messageheader, #mainscreen #mailpreviewframe #notesbox {
position: static; }
#mainscreen #mailpreviewframe #notesbox {
top: auto;
right: auto;
max-width: 100%;
overflow: hidden; }
#mainscreen #mailpreviewframe #notesbox .add-on {
display: block;
text-align: left; }
#mainscreen #mailpreviewframe #notesbox input[type='text'] {
max-width: 70%; }
#mainscreen #mailpreviewframe #notesbox input[type='button'] {
width: calc(30% - 10px); } }
#piler1.container span#A1 {
display: block; }
@media (max-width: 767px) {
#piler1.container {
max-width: 100%;
width: auto; }
#piler1.container h2 {
font-size: 28px; }
#piler1.container h3 {
font-size: 18px;
line-height: 26px; }
#piler1.container h3 > strong {
display: block; } }
/*# sourceMappingURL=responsive.css.map */

7
webui/view/theme/default/assets/css/responsive.css.map Normal file
View File

@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "AAAA,+BAA+B;AAE/B,QAAS;EACP,SAAS,EAAE,IAAI;;AAKf,yBAAyB;EAF3B,IAAK;IAGD,WAAW,EAAE,CAAC;AAEhB,yBAA0B;EAL5B,IAAK;IAMD,YAAY,EAAE,IAAI;IAClB,aAAa,EAAE,IAAI;IAEnB,0EAA4D;MAC1D,WAAW,EAAE,KAAK;MAClB,YAAY,EAAE,KAAK;;AAKzB,KAAM;EACJ,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,GAAG;;AAGd,yBAA0B;EACxB,sBAAuB;IACrB,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,IAAI;IACT,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,UAAU;AAMpB,yBAA0B;EAF5B,gBAAiB;IAGb,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;AAMb,4DAAmB;EACjB,OAAO,EAAE,IAAI;AAGf,yBAA0B;EACxB,gDAAO;IACL,SAAS,EAAE,IAAI;IACf,KAAK,EAAE,GAAG;IAEV,uDAAO;MACL,UAAU,EAAE,GAAG;MACf,YAAY,EAAE,CAAC;MACf,WAAW,EAAE,IAAI;IAGnB,gIAAiC;MAC/B,KAAK,EAAE,GAAG;AAMlB,8CAAe;EACb,IAAI,EAAE,IAAI;EACV,KAAK,EAAE,CAAC;;AAMZ,yBAA0B;EAD5B,aAAc;IAEV,SAAS,EAAE,IAAI;EAEf,gDAA0B;IAJ9B,aAAc;MAKR,GAAG,EAAE,IAAI;AAJb,yBAA0B;IAOxB,kBAAK;MACH,YAAY,EAAE,IAAI;MAClB,aAAa,EAAE,IAAI;MACnB,aAAa,EAAE,CAAC;;AAOpB,yBAA0B;EACxB,0CAA+B;IAE7B,UAAU,EAAE,IAAI;;AAOpB,yBAA0B;EAF5B,WAAY;IAGR,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,IAAI;AAIX,yBAA0B;EAEtB,6FAAG;IACD,WAAW,EAAE,MAAM;IACnB,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,MAAM;EAGvB,8EAAyB;IACvB,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,IAAI;AASd,yBAA0B;EAD5B,uEAAa;IAET,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,IAAI;IAEX,oFAAa;MACX,OAAO,EAAE,GAAG;MACZ,MAAM,EAAE,IAAI;IAGd,+EAAQ;MACN,KAAK,EAAE,GAAG;IAEZ,kFAAW;MACT,SAAS,EAAE,IAAI;MACf,SAAS,EAAE,IAAI;MACf,KAAK,EAAE,gBAAgB;AASjC,uCAAU;EACR,OAAO,EAAE,IAAI;AAGf,yBAA0B;EACxB,qFAA0B;IACxB,QAAQ,EAAE,MAAM;EAElB,uCAAU;IACR,GAAG,EAAE,IAAI;IACT,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,MAAM;IAEhB,+CAAQ;MACN,OAAO,EAAE,KAAK;MACd,UAAU,EAAE,IAAI;IAIhB,0DAAe;MACb,SAAS,EAAE,GAAG;IAGhB,4DAAiB;MACf,KAAK,EAAE,gBAAgB;;AAYjC,yBAAQ;EACN,OAAO,EAAE,KAAK;AAGhB,yBAA0B;EAN5B,iBAAkB;IAOd,SAAS,EAAE,IAAI;IACf,KAAK,EAAE,IAAI;IAEX,oBAAG;MACD,SAAS,EAAE,IAAI;IAEjB,oBAAG;MACD,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,IAAI;MAEjB,6BAAS;QACP,OAAO,EAAE,KAAK",
"sources": ["responsive.scss"],
"names": [],
"file": "responsive.css"
}

212
webui/view/theme/default/assets/css/responsive.scss Normal file
View File

@ -0,0 +1,212 @@
/** Respsonsive adjustments **/
#logo-lg {
max-width: 100%;
}
body {
// overwrites from metro-bootstrap.css
@media(min-width: 980px) {
padding-top: 0;
}
@media (max-width: 767px) {
padding-left: 10px;
padding-right: 10px;
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
margin-left: -10px;
margin-right: -10px;
}
}
}
#menu {
position: relative;
z-index: 100;
}
@media (max-width: 979px) {
.nav-collapse.collapse {
position: absolute;
top: 52px;
width: 100vw;
margin: 0 0 0 -5px;
}
}
#searchcontainer {
@media (max-width: 767px) {
min-width: auto;
max-width: 100%;
}
.control-group {
.controls {
.dropdown-backdrop {
display: none;
}
@media (max-width: 767px) {
button {
font-size: 14px;
width: 44%;
.caret {
margin-top: 9px;
margin-right: 0;
margin-left: -5px;
}
&#button_search, #button_options {
width: 28%;
}
}
}
}
.dropdown-menu {
left: auto;
right: 0;
}
}
}
#searchpopup1 {
@media (max-width: 979px) {
max-width: 100%;
@media (max-width: 767px) {
top: 40px;
}
form {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 0;
}
}
}
#piler1 {
@media (min-width: 980px) {
&.container, &.container-fluid {
// offset for menu bar
margin-top: 60px;
}
}
}
#mainscreen {
@media (max-width: 767px) {
min-width: auto;
max-width: 100%;
left: 10px;
right: 10px;
}
#mailcontframe {
@media (max-width: 767px) {
table#results, table#resultstable {
th {
line-height: normal;
font-size: 14px;
white-space: nowrap;
}
}
#pagingrow, #functionrow {
height: auto;
min-height: 33px;
}
}
#messagelistfooter {
#functionrow {
#functionbox {
@media (max-width: 767px) {
float: none;
width: 100%;
a.btn-custom {
padding: 9px;
height: auto;
}
.add-on {
width: 40%;
}
#tag_value {
min-width: auto;
max-width: none;
width: calc(58% - 96px);
}
}
}
}
}
}
#mailpreviewframe {
#notesbox {
display: none;
}
@media (max-width: 767px) {
.messageheader, #notesbox {
position: static;
}
#notesbox {
top: auto;
right: auto;
max-width: 100%;
overflow: hidden;
.add-on {
display: block;
text-align: left;
}
input {
&[type='text'] {
max-width: 70%;
}
&[type='button'] {
width: calc(30% - 10px);
}
}
}
}
}
}
#piler1.container {
span#A1 {
display: block;
}
@media (max-width: 767px) {
max-width: 100%;
width: auto;
h2 {
font-size: 28px;
}
h3 {
font-size: 18px;
line-height: 26px;
> strong {
display: block;
}
}
}
}