Public/fhem-mirror
1
0
Fork 0
mirror of https://github.com/fhem/fhem-mirror.git synced 2025-05-01 20:20:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

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

9
www/pgm2/f18.js
View File

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

4
www/pgm2/f18style.css
View File

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