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:
Justin Weberg 2016-10-14 01:49:32 -05:00 committed by Paulus Schoutsen
parent d6d62e8fa7
commit 97a5188c55

View File

@ -16,11 +16,17 @@
<style>
paper-dialog {
font-size: 14px;
width: 365px;
}
paper-dialog[data-domain=camera] {
width: auto;
}
state-history-charts {
position: relative;
z-index: 1;
max-width: 365px;
}
state-card-content {
@ -41,10 +47,11 @@
overflow: scroll;
}
}
</style>
<!-- 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>
<state-card-content
state-obj="[[stateObj]]"