domoticz-aurora-theme icon indicating copy to clipboard operation
domoticz-aurora-theme copied to clipboard

Kodi remote popup and rgb popup needs adjustments

Open xztraz opened this issue 7 years ago • 22 comments

Kodi remote control size is a bit small..

image

xztraz avatar Feb 19 '18 19:02 xztraz

RGBW popup. white and brightness sliders in pop-up overlap with text. Maybe this is a base css bug. they'we changed stuff there recently

image

xztraz avatar Feb 19 '18 19:02 xztraz

i think you can just add a non existing kodi in hardware and get the remote popup to test with.

xztraz avatar Feb 19 '18 22:02 xztraz

Are you on the latest version of the theme? Because the theme no longer tries to interfere with remote control positioning and size.

flatsiedatsie avatar Feb 22 '18 11:02 flatsiedatsie

Jupp tried now again after updating to latest theme and domoticz as latest. tried in opera(webkit) and firefox.

image

xztraz avatar Feb 22 '18 11:02 xztraz

if turning of center popups it looks like this instead (wider popup but only like one text row high) image

xztraz avatar Feb 22 '18 11:02 xztraz

Could you try this?

  • Go to theme settings
  • Add user css:

#dialog-lmsplayer-remote, #dialog-heosplayer-remote, #dialog-media-remote{ min-height:300px; }

flatsiedatsie avatar Feb 24 '18 11:02 flatsiedatsie

same thing. tested in firefox and opera

image

image

fresh git pull of skin

xztraz avatar Feb 24 '18 15:02 xztraz

if i change the min height in inspect element in browser on dialog-media-remote then it gets larger. doesn't the custom css bite?

image

xztraz avatar Feb 25 '18 09:02 xztraz

try:

#dialog-lmsplayer-remote, #dialog-heosplayer-remote, #dialog-media-remote{ min-height:400px!important; padding: 0 20px 0 20px; }

flatsiedatsie avatar Feb 25 '18 17:02 flatsiedatsie

i found some auto height in a css if uncomented the controls show again but not sure other stuff may brake. ill try the css mods first

xztraz avatar Feb 25 '18 18:02 xztraz

Hah! it works! image

xztraz avatar Feb 25 '18 18:02 xztraz

only thing if having center popup unchecked the control gets bigger and cant fit the box image

xztraz avatar Feb 25 '18 18:02 xztraz

I cannot create a remote popup here unfortunately. Could you possibly take a screenshot of the html structure (right mouse button ->inspect)?

center_popups.css only has one css item in it:

.ui-dialog, .ui-popup{ height:auto!important; width:auto!important;
position:fixed!important; top:50vh!important; left:50%!important; transform: translate(-50%, -50%)!important; min-height:200px!important; min-width:200px!important; }

So if it affects the remote popup, that would imply that the remote popup also gets the ui-popup class somewhere. If I know how they are relate, I could write an exception in the css to not give a min-width to remotes.

flatsiedatsie avatar Feb 26 '18 08:02 flatsiedatsie

on todays version of skin with this css added (might be an older cache thou so have that in mind) image

with centered popups image

no centering image

xztraz avatar Feb 26 '18 09:02 xztraz

OK, so in the second picture, looking at the applied CSS in the right column, I see very little influence of the Aurora theme, and none that could explain the cut-off. Perhaps that's in the "dialog-media-remote" div inside it.

In theory, if you disable the theme's centering option, Domoticz' own methods of positioning should take over. It uses javascript to position and size things. This can be seen at the top of that column, in the 'element-stlyle' part. So unless we find some styling on the "dialog-media-remote" div, could it be that this is just normal Domoticz behaviour?

flatsiedatsie avatar Mar 01 '18 09:03 flatsiedatsie

oh i might have selected the wrong item for inspect. Before i applied the aurora theme i used the remote quite often and then the scaling and frame was ok. you don't have the possibility to set up a kodi install to try out the remote?

xztraz avatar Mar 01 '18 11:03 xztraz

I don't have that possibility (I've tried). Domoticz doesn't allow you to fake a remote.

flatsiedatsie avatar Apr 30 '18 06:04 flatsiedatsie

Ah. how can i help? :) i think the buttons aren't working either when the frame is fudged. i guess an image map that gets upset or something.

xztraz avatar Apr 30 '18 08:04 xztraz

I suspect the best bet is to try and not interfere with how Domoticz does things. It uses javascript to position and scale things. If you can find the CSS form the theme that 'gets in the way', then we can remove it.

flatsiedatsie avatar May 03 '18 06:05 flatsiedatsie

image this is how it looks in inspect

xztraz avatar May 03 '18 07:05 xztraz

i've tried disabling all style rows but to no avail.. but found out that you can add a dummy device.

Add hardware "Kodi Media Server" Push setup and add a dummy device. any ip will do. push add. go to devices page. add kodi device. go to switches. push on button(leftmost button) now you have the remote to play with.

xztraz avatar May 05 '18 09:05 xztraz

@xtraz I tried it again, but that sequence doesn't work for me. clicking the left most button doesn't launch the pop-up.

flatsiedatsie avatar Nov 02 '18 07:11 flatsiedatsie