Read the statement by Michael Teeuw here.
Rotate screen by custom.css work only for -90deg
-
transform: rotate(90deg); transform-origin: right bottom; position: absolute; bottom: 100%; right: 0;
-270 = 90 and 270 = -90
why you need 0 and 180? -
Screen appears THANKS, but whole display is having a offset of approx 10% moved to right… (left black bar, right gutted away…)
bottom: 110%; works for right side, but left side is cutted.
ist that something that is driven maybe by config or main.css?
-
After removing frame margin from main.css body, works fine!!
@hango - Big thanks for super fast reply!!body { margin: 0px; position: absolute; height: calc(100% - 0px); width: calc(100% - 0px);
-
yes, in main.js the value of body is
margin: 60px; height: calc(100% - 120px); width: calc(100% - 120px);
now if you change this in custom.css (do not edit main.css) you need to ajust the left just as you did with bottom 110%
if you change body margins keep in mind to change
.region.fullscreen { position: absolute; top: -60px; // same as body margin but with - left: -60px; // same as body margin but with - right: -60px; // same as body margin but with - bottom: -60px; // same as body margin but with - pointer-events: none; }
-
bottom 110% was first try, but cutted away parts on left side :-( even if there was space… Margin 0, if not other issues will come - works fine as mirror is anyhow bigger…
-
:thumbs_up_light_skin_tone:
height: calc(100% - 0px); width: calc(100% - 0px);
are pointless, make them
height: 100%; // or 100vh width: 100%; // or 100vw