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; }