Added mobile device friendliness

This commit is contained in:
Paulus Schoutsen 2014-10-22 20:46:18 -07:00
parent 2a15e239c3
commit 3eca37afd2
6 changed files with 36 additions and 3 deletions

View File

@ -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'>"

View File

@ -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">

View File

@ -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;
} }

View File

@ -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">

View File

@ -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;

View File

@ -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>