Public/fhem-mirror
1
0
Fork 0
mirror of https://github.com/fhem/fhem-mirror.git synced 2025-05-07 22:29:19 +00:00
Code

f18.js: add widePortrait=>show all columns in portrait mode (Forum #82351)

Browse Source 
git-svn-id: https://svn.fhem.de/fhem/trunk@21848 2b470e98-0d58-463d-a4d8-8e2adae1ed80
This commit is contained in:
rudolfkoenig 2020-05-03 12:18:00 +00:00
parent 8fcdece245
commit b6cb512ee0
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
fhem/www/pgm2/f18.js
View File

@ -72,6 +72,7 @@ $(document).ready(function(){
f18_setWrapColumns(); f18_setWrapColumns();
f18_setFixedInput(); f18_setFixedInput();
f18_setWidePortrait();
}); });
function function
@ -372,6 +373,8 @@ f18_special()
addHider("fixedInput", false, "Fixed input and menu", f18_setFixedInput); addHider("fixedInput", false, "Fixed input and menu", f18_setFixedInput);
addHider("wrapcolumns",false,"Wrap columns<br>on small screen", addHider("wrapcolumns",false,"Wrap columns<br>on small screen",
f18_setWrapColumns); f18_setWrapColumns);
addHider("widePortrait",true,"Show all columns<br>in portrait mode",
f18_setWidePortrait);
$("div.f18colors").css("margin-top", "20px"); $("div.f18colors").css("margin-top", "20px");
$("tr.f18 div.fileList").each(function(e){ f18_addPinToStyleDiv(this) }); $("tr.f18 div.fileList").each(function(e){ f18_addPinToStyleDiv(this) });
@ -397,6 +400,12 @@ f18_setWrapColumns()
$("table.block").toggleClass("wrapcolumns", f18_getAttr("wrapcolumns")); $("table.block").toggleClass("wrapcolumns", f18_getAttr("wrapcolumns"));
} }
function
f18_setWidePortrait()
{
$("#content").toggleClass("slim", !f18_getAttr("widePortrait"));
}
function function
f18_addPinToStyleDiv(el) f18_addPinToStyleDiv(el)
{ {

4
fhem/www/pgm2/f18style.css
View File

@ -233,8 +233,8 @@ body.fixedInput #hdr {
@media screen and (max-width: 480px) and (orientation: portrait) { @media screen and (max-width: 480px) and (orientation: portrait) {
#content > table { width: 100%; table-layout: fixed; } #content > table { width: 100%; table-layout: fixed; }
#content > table, table.block.wide { width: 100%; } #content > table, table.block.wide { width: 100%; }
table.block tr td:nth-child(2) { width: 0; } #content.slim table.block tr td:nth-child(2) { width: 0; }
table.block tr td:nth-child(n+3) { width: 0px; display: none; } #content.slim table.block tr td:nth-child(n+3) { width: 0px; display: none; }
.SVGplot { overflow-x: auto;} .SVGplot { overflow-x: auto;}