diff --git a/fhem/www/pgm2/f18.js b/fhem/www/pgm2/f18.js index ffb4dcbcc..b7bf35fa0 100644 --- a/fhem/www/pgm2/f18.js +++ b/fhem/www/pgm2/f18.js @@ -46,8 +46,6 @@ $(document).ready(function(){ $("body").addClass('small'); f18_attr["Pinned.menu"] = false; } - if(f18_attr.rightMenu) - $("body").addClass("rightMenu"); var f18_aCol = getComputedStyle($("a").get(0),null).getPropertyValue('color'); for(var i in f18_icon) @@ -60,7 +58,6 @@ $(document).ready(function(){ if($(szc).length) $(szc).before("
"); - f18_setFixedInput(); f18_menu(); f18_tables(); f18_svgSetCols(); @@ -219,9 +216,7 @@ f18_special() $("tr#f18rs").append("
"); appendTo = "table#f18ts"; - addHider("rightMenu", false, "MenuBtn right
on SmallScreen", function(c){ - $("body").toggleClass("rightMenu"); - }); + addHider("rightMenu", false, "MenuBtn right
on SmallScreen", f18_resize); addHider("savePinChanges", false, "Save pin changes"); addHider("showDragger", false, "Dragging active", function(c){ if(c) { @@ -395,15 +390,20 @@ f18_resize() log("f18.js W:"+w+" S:"+screen.width); var hl = f18_getAttr("hideLogo"), hi = f18_getAttr("hideInput"), - pm = f18_getAttr("Pinned.menu"); + pm = f18_getAttr("Pinned.menu"), + rm = (f18_getAttr("rightMenu") && f18_small); var left = 0; left += hl ? 0 : 40; left += pm ? 0 : 44; + var lleft = (pm ? 10 : 52); $("input.maininput").css({ width:(w-left-(FW_isiOS ? 30 : 20))+'px', display: hi ? "none":"block"}); - $("#hdr").css({ left:left+'px' }); $("#menu,#content").css("top", (hi && pm && hl) ? "10px" : "50px"); + $("#hdr").css({ left:(rm ? 10 : left)+'px' }); + $("#menuBtn").css({ left:(rm ? "auto":"10px"), right:(rm ? "10px":"auto") }); + $("#logo") .css({ left:(rm ? "auto":lleft ), right:(rm ? "52px":"auto") }); + f18_setFixedInput(); // Wonder, why its needed } function diff --git a/fhem/www/pgm2/f18style.css b/fhem/www/pgm2/f18style.css index cb76433a7..f029e58c0 100644 --- a/fhem/www/pgm2/f18style.css +++ b/fhem/www/pgm2/f18style.css @@ -210,9 +210,6 @@ body.touch div.col1, body.touch #menu table.room div { padding:0.25em 0; } body.pinnedMenu #menuBtn { display:none; } body.pinnedMenu #menu { left:10px; } body.pinnedMenu #logo { left:10px; } -body.small.rightMenu #menuBtn { right:10px; left:auto; } -body.small.rightMenu #logo { right:52px; left:auto; } -body.small.rightMenu #hdr { left:10px; right:auto; } body { background-repeat: no-repeat; background-size:cover; } div.SVGlabel { display:inline-block; }