Comments (10)
On mobile works
On fully Kiosk browser dont
from bubble-card.
how i can change the part of the root?
type: custom:bubble-card
card_type: pop-up
hash: '#todasluzes'
state: sensor.luzesligadas
icon: mdi:lightbulb-group
name: ' '
margin_top_mobile: 0px
entity: null
width_desktop: 100%
card_mod:
style:
.: |
ha-card {
margin-top: 0 !important;
background: none !important;
border: none !important;
}
.card-content {
width: 100% !important;
padding: 0 !important;
}
@media only screen and (min-width: 870px)
#root {
top: calc(100% + 0px + 54px);
width: calc(100% -92px) !important;
left: calc(50% - 50% + 0px);
margin: 0 !important;
}
from bubble-card.
Wanted to throw this in here since it might be related. I noticed the popup at 90% appears under the sidebar when it is expanded.
Windows 11, Firefox 116.0, window sizes: 2560x1440 and 1480x1440.
I removed the card_modded monstrosity in the screenshot just in case that was somehow messing with it but the results were the same.
When set to 100%, the popup expands up to the collapsed sidebar which could be the area that @nelsonamen showed in his screenshot. Changing to 110% does expand the popup under the collapsed sidebar but then it also pushes the close button off the screen. Attempting to change the z-index of the vertical-stack card via card mod does not bring the popup over the sidebar.
from bubble-card.
width: calc(100% -92px) !important;
- 92px to 0 on the chrome inspector works
How to do this on card mod?
from bubble-card.
I think PR #18 could fix this one.
from bubble-card.
Hi, this is fixed in the new beta with a is_sidebar_hidden
variable that can be true or false.
from bubble-card.
👍
from bubble-card.
@Clooos is there a new problem but with right side?
from bubble-card.
Indeed! This issue will be fixed in the next beta.
from bubble-card.
This is now fixed in beta 11 :
https://github.com/Clooos/Bubble-Card/releases/tag/v0.0.1-beta.11
from bubble-card.
Related Issues (20)
- button entity's do not toggle as intended HOT 3
- [v2.0.0-beta.6] call-service data keep losing HOT 2
- Horizontal Button Stack - again :( HOT 5
- [v2.0.0-beta.6] Pop-up display and style issues HOT 2
- Service calls not working on sub-buttons
- Feature request (?) - or I have not found out how to do this, maaaaybe a bug?
- Horizontal button stack doesn't scroll on some browsers HOT 10
- v2.0.0.beta7 - show_last_changed stopped working HOT 2
- v2.0.0.beta7 - icon style instruction from beta6 breaking beta7 HOT 3
- Haptic feedback is gone in 2.0.0-beta.8 HOT 3
- Feature request
- Timer in Pop-Up Card not updating HOT 3
- Frigate Card not filling column in pop-up
- UI Edit doesn't work when a sub-button has an action to call a service HOT 1
- Horizontal Stack Card not editable HOT 1
- Regression: Buttons set to Name/Text don't use Button Actions HOT 1
- Setting colors in theme? HOT 2
- Popup goes dark when trying to open a dropdown inside it. HOT 1
- Service Call GUI setup HOT 2
- Hiding previous and power button of Mediaplayer does not work HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bubble-card.