Code Monkey home page Code Monkey logo

Comments (22)

xztraz avatar xztraz commented on July 1, 2024 1

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

from domoticz-aurora-theme.

xztraz avatar xztraz commented on July 1, 2024

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

from domoticz-aurora-theme.

xztraz avatar xztraz commented on July 1, 2024

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

from domoticz-aurora-theme.

flatsiedatsie avatar flatsiedatsie commented on July 1, 2024

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

from domoticz-aurora-theme.

xztraz avatar xztraz commented on July 1, 2024

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

image

from domoticz-aurora-theme.

xztraz avatar xztraz commented on July 1, 2024

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

from domoticz-aurora-theme.

flatsiedatsie avatar flatsiedatsie commented on July 1, 2024

Could you try this?

  • Go to theme settings
  • Add user css:

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

from domoticz-aurora-theme.

xztraz avatar xztraz commented on July 1, 2024

same thing. tested in firefox and opera

image

image

fresh git pull of skin

from domoticz-aurora-theme.

xztraz avatar xztraz commented on July 1, 2024

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

from domoticz-aurora-theme.

flatsiedatsie avatar flatsiedatsie commented on July 1, 2024

try:

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

from domoticz-aurora-theme.

xztraz avatar xztraz commented on July 1, 2024

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

from domoticz-aurora-theme.

xztraz avatar xztraz commented on July 1, 2024

Hah! it works!
image

from domoticz-aurora-theme.

xztraz avatar xztraz commented on July 1, 2024

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

from domoticz-aurora-theme.

flatsiedatsie avatar flatsiedatsie commented on July 1, 2024

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.

from domoticz-aurora-theme.

flatsiedatsie avatar flatsiedatsie commented on July 1, 2024

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?

from domoticz-aurora-theme.

xztraz avatar xztraz commented on July 1, 2024

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?

from domoticz-aurora-theme.

flatsiedatsie avatar flatsiedatsie commented on July 1, 2024

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

from domoticz-aurora-theme.

xztraz avatar xztraz commented on July 1, 2024

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.

from domoticz-aurora-theme.

flatsiedatsie avatar flatsiedatsie commented on July 1, 2024

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.

from domoticz-aurora-theme.

xztraz avatar xztraz commented on July 1, 2024

image
this is how it looks in inspect

from domoticz-aurora-theme.

xztraz avatar xztraz commented on July 1, 2024

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.

from domoticz-aurora-theme.

flatsiedatsie avatar flatsiedatsie commented on July 1, 2024

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

from domoticz-aurora-theme.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.