Nopeā¦
No ideasā¦
did you manage to resize the popup on mobile ?
I tested @media extensively last night, hope you find a resolution. I am curious if itās possible via card_mod
Iāt like I am asking something exotic 
I just want a popup on a mobile. I may be thinking that I am not the first looking for that hahah. strange
Test
card_mod:
style:
ha-dialog$: |
@media (min-width: 100px) {
div.mdc-dialog div.mdc-dialog__container {
--mdc-dialog-min-width: 100px;
height: 130px;
}
div.mdc-dialog div.mdc-dialog__scrim {
background: rgba(0, 100, 100, 0.4);
}
Worked on my phone
card_mod:
style: |
ha-dialog {
--mdc-dialog-min-width: 180px !important;
--mdc-dialog-max-width: 180px !important;
}
that is what I had foundā¦
Iāve got it centered and smaller, the height is still not ok
your code is not working for meā¦
The code I posted worked on my pc and phone. The pic is directly from my phone.
type: custom:mushroom-template-card
primary: Alles uit
icon: mdi:lightbulb
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
size: fullscreen
card_mod:
style:
ha-dialog$: |
@media (min-width: 100px) {
div.mdc-dialog div.mdc-dialog__container {
--mdc-dialog-min-width: 100px;
height: 130px;
}
div.mdc-dialog div.mdc-dialog__scrim {
background: rgba(0, 100, 100, 0.4);
}
content:
type: vertical-stack
cards:
- type: custom:mushroom-template-card
primary: Weet je het zeker ?
icon: mdi:help
card_mod:
style: |
ha-card {
pointer-events: none;
}
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Ja
tap_action:
action: call-service
service: script.verlichting_allesuit
card_mod:
style:
mushroom-state-info$: |
.container {
margin: -10px;
}
.primary {
padding: 0px 0px 0px 40px;
}
.: |
ha-card {
background-color: rgb({{ states("input_text.kleur_iconen")}})
}
- type: custom:mushroom-template-card
primary: Neen
tap_action:
action: call-service
service: script.verlichting_allesuit
card_mod:
style:
mushroom-state-info$: |
.container {
margin: -10px;
}
.primary {
padding: 0px 0px 0px 40px;
}
.: |
ha-card {
background-color: rgb({{ states("input_text.kleur_iconen")}})
}
My PC
1 Like
Now, thatās fine !
The only thing thatās bothering me is that my squares are square and not rounded like my card buttonsā¦
add --ha-dialog-border-radius: 10px;
card_mod:
style:
ha-dialog$: |
@media (min-width: 100px) {
div.mdc-dialog div.mdc-dialog__container {
--mdc-dialog-min-width: 100px;
--ha-dialog-border-radius: 10px;
height: 130px;
}
div.mdc-dialog div.mdc-dialog__scrim {
background: rgba(0, 1, 100, 0.4);
}
1 Like
Iām finding that changing the theme from Light to Dark and from Dark to Light does not work reliably at all. Iāve followed the instruction to change the setting to NOT kill the server connection but it didnāt make any difference.
I think somehow when the phone hasnāt been active for a while, it ignores updates.
E.g. I have an automation to set the theme on all devices to Dark at night and to Light at 5:30am and in many cases the change to Light does not register.
Has anyone else noticed this? Does anyone have any solution? Thanks.
Have a look at this thread: Fully Kiosk and Samsung Galaxy Tab A8 theme issue
It has some tips for switching light and dark mode in browser mod
Thanks, the way I solved it is to stop using the browser mod as it cannot guarantee the device will be available at all times.
I just created a dedicated dark theme and just set to that theme to simulate picking ādarkā. It works extremely reliably using the frontend set theme API (provided you enable 'Use Default" for each device that you want to create.
Browser modās entities are unreliable for me, too. I canāt use browser modās media player, too, since itās unavailable quite frequently (i use hass agentās one on windows and fully kioskās one for android). I couldnāt find any solution for these problems, so as far as browser mod addon goes i only use popup and some card mods - these things work perfectly.
Hereās my browser modās dark mode sensor (grey is unavailable). Note that this device is laptop and itās always on, always showing my main HA dashboard:
Please explain how you can emulate a click on the āopen full screenā button based on an event?
How to emulate a left mouse button click? And exit back from full screen mode.
Video source - āgo2rtŃā integration.
I am not an English speaker, it is difficult to study this topic. Thank you.
Card code:
type: custom:webrtc-camera
streams:
- url: Doorbell
Hi all, is there a way to stop browser mod media player from going to idle and stay on 247?
Howdy browser_mod people. I set up browser_mod a bit ago to see if i could change the path of a device from one dashboard to another if it was being tampered with, which worked, and now Iām curious. For some reason, all of my devices say that the media player is unavailable. Anyone have any ideas as to why this is or how to fix it?
All the greyed out devices are from browser_mod
Media player doesnāt work for me, too. I stopped worrying about it a long time ago, since no one knows why, as it seems, and thereās no real solution, so as far as browser mod goes i use other things like popups, navigate etcā¦ which all work perfectly.
For media player on PC i use hass agent which works. Install it on PC and into HA (integration).
I aām using browser mod with the following code but donāt receive any map. After i save the code the became content: null can someone help me so i receive a map when i click?
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
content:
title: Aanwezig
entities:
- person.myhomeassistant
- zone.home
- device_tracker.m2003j15sc
hours_to_show: 24
default_zoom: 14
dark_mode: false
aspect_ratio: 15.5:6.5
type: map
timeout: 10000
size: wide
Popups are broken with homeassistant 2024.7.0.
We can only hope that someone can fix this since there is no alternative.
I receive a pop-up with title but no map