mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-27 11:16:35 +00:00
Fix inconsistent dialog width (#120)
* add 100% relative width * set dialog width based on domain * Set history-charts max-width * Fix review requests * Fix requests. * Set Camera dialog width to auto * Fix camera dialog width * Fix dialog width and history charts running off the edge of the dialog
This commit is contained in:
parent
d6d62e8fa7
commit
97a5188c55
@ -16,11 +16,17 @@
|
|||||||
<style>
|
<style>
|
||||||
paper-dialog {
|
paper-dialog {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
width: 365px;
|
||||||
|
}
|
||||||
|
|
||||||
|
paper-dialog[data-domain=camera] {
|
||||||
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
state-history-charts {
|
state-history-charts {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
max-width: 365px;
|
||||||
}
|
}
|
||||||
|
|
||||||
state-card-content {
|
state-card-content {
|
||||||
@ -41,10 +47,11 @@
|
|||||||
overflow: scroll;
|
overflow: scroll;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<!-- entry-animation='slide-up-animation' exit-animation='slide-down-animation' -->
|
<!-- entry-animation='slide-up-animation' exit-animation='slide-down-animation' -->
|
||||||
<paper-dialog id="dialog" with-backdrop opened='{{dialogOpen}}'>
|
<paper-dialog id="dialog" with-backdrop opened='{{dialogOpen}}' data-domain$='[[stateObj.domain]]'>
|
||||||
<h2>
|
<h2>
|
||||||
<state-card-content
|
<state-card-content
|
||||||
state-obj="[[stateObj]]"
|
state-obj="[[stateObj]]"
|
||||||
|
Loading…
x
Reference in New Issue
Block a user