mirror of
https://github.com/home-assistant/core.git
synced 2025-07-23 13:17:32 +00:00
Added mobile device friendliness
This commit is contained in:
parent
2a15e239c3
commit
3eca37afd2
@ -390,6 +390,9 @@ class RequestHandler(BaseHTTPRequestHandler):
|
|||||||
" src='/static/polymer/bower_components/"
|
" src='/static/polymer/bower_components/"
|
||||||
"platform/platform.js'></script>"
|
"platform/platform.js'></script>"
|
||||||
"<link rel='import' href='/static/polymer/{}' />"
|
"<link rel='import' href='/static/polymer/{}' />"
|
||||||
|
"<meta name='viewport' content='width=device-width, "
|
||||||
|
" user-scalable=no, initial-scale=1.0, "
|
||||||
|
" minimum-scale=1.0, maximum-scale=1.0' />"
|
||||||
"</head>"
|
"</head>"
|
||||||
"<body unresolved fullbleed"
|
"<body unresolved fullbleed"
|
||||||
" style='background-color: #E5E5E5'>"
|
" style='background-color: #E5E5E5'>"
|
||||||
|
@ -16,6 +16,13 @@
|
|||||||
.eventContainer {
|
.eventContainer {
|
||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media all and (max-width: 620px) {
|
||||||
|
.eventContainer {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<paper-dialog id="dialog" heading="Fire Event" transition="paper-dialog-transition-bottom" backdrop="true">
|
<paper-dialog id="dialog" heading="Fire Event" transition="paper-dialog-transition-bottom" backdrop="true">
|
||||||
|
@ -23,12 +23,17 @@
|
|||||||
|
|
||||||
core-toolbar {
|
core-toolbar {
|
||||||
background: #03a9f4;
|
background: #03a9f4;
|
||||||
font-size: 1.5rem;
|
font-size: 1.4rem;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
padding-bottom: 75px;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
paper-fab {
|
paper-fab {
|
||||||
position: absolute;
|
position: fixed;
|
||||||
bottom: 10px;
|
bottom: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
}
|
}
|
||||||
|
@ -16,6 +16,13 @@
|
|||||||
.serviceContainer {
|
.serviceContainer {
|
||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media all and (max-width: 620px) {
|
||||||
|
.serviceContainer {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<paper-dialog id="dialog" heading="Call Service" transition="paper-dialog-transition-bottom" backdrop="true">
|
<paper-dialog id="dialog" heading="Call Service" transition="paper-dialog-transition-bottom" backdrop="true">
|
||||||
|
@ -23,6 +23,10 @@
|
|||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.header .state {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
.subheader {
|
.subheader {
|
||||||
margin-top: -5px;
|
margin-top: -5px;
|
||||||
color: darkgrey;
|
color: darkgrey;
|
||||||
|
@ -16,6 +16,13 @@
|
|||||||
.stateContainer {
|
.stateContainer {
|
||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media all and (max-width: 620px) {
|
||||||
|
.stateContainer {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<paper-dialog id="dialog" heading="Set State" transition="paper-dialog-transition-center" backdrop="true">
|
<paper-dialog id="dialog" heading="Set State" transition="paper-dialog-transition-center" backdrop="true">
|
||||||
@ -77,7 +84,7 @@
|
|||||||
this.$.inputEntityID.value,
|
this.$.inputEntityID.value,
|
||||||
this.$.inputState.value,
|
this.$.inputState.value,
|
||||||
JSON.parse(this.$.inputData.value)
|
JSON.parse(this.$.inputData.value)
|
||||||
)
|
);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user