Update version to 0.9.0

Responsive CSS for the web page - fixes (closes #33 )
Responsive CSS for the web page #33
2016-07-28 11:22:50 +02:00 · 2016-07-27 17:56:54 +02:00 · 2016-07-27 14:05:33 +02:00
5 changed files with 56 additions and 8 deletions
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "tileserver-gl",
-  "version": "0.8.3",
+  "version": "0.9.0",
  "description": "Map tile server for JSON GL styles - serverside generated raster tiles",
  "main": "src/main.js",
  "bin": "src/main.js",
--- a/public/resources/index.css
+++ b/public/resources/index.css
@@ -62,8 +62,7 @@ section{
 }
 .item{
  background:#fff;
-  height: 148px;
-  padding: 20px 30px 20px 188px;
+  height: 191px;
  border: 1px solid #ededed;
  border-top:none;
 }
@@ -72,13 +71,16 @@ section{
 }
 .item img{
  position: absolute;
-  margin: 10px 10px 15px -158px;
+  margin: 30px;
  width: 128px;
  height: 128px;
  border: 1px solid #ccc;
 }
 .details {
  float:left;
+  width:180px;
+  height: 128px;
+  padding: 20px 30px 20px 188px;
 }
 .details h3 {
  font-size:18px;
@@ -91,16 +93,18 @@ section{
 .viewers {
  float:right;
  text-align:center;
-  width:120px;
-  margin-top:25px;
+  width: 120px;
+  margin-top: 25px;
+  padding-right: 30px;
 }
 .btn {
  display:block;
-  margin:5px;
+  margin: 0;
+  line-height: 36px;
 }
 .btn:first-child {
  position: relative;
-  padding: 10px 0;
+  padding: 0;
  overflow: hidden;
  border-radius:4px;
  background-color: #499DCE;
@@ -152,4 +156,45 @@ body {
  body {
    background-image: url(/images/header-map-2560px.png);
  }
+}
+
+/* Responsive */
+@media (max-width: 950px) {
+  section{
+    margin: 0;
+    width: 96%;
+    padding: 2%;
+  }
+}
+@media (max-width: 600px) {
+  .title{
+    margin: 25px 0 0 0;
+  }
+  .title img{
+    width: 200px;
+  }
+  .subtitle{
+    font-size: 20px;
+    margin: 0 0 35px 0;
+  }
+  .item{
+    height: 245px;
+  }
+  .viewers{
+    float: left;
+    text-align: left;
+    width: 100%;
+    margin-left: 30px;
+    margin-top: 15px;
+  }
+  .viewers a{
+    display: inline-block;
+    vertical-align: middle;
+  }
+  .btn{
+    margin: 0 20px 0 0;
+  }
+  .btn:first-child{
+    padding: 0 20px;
+  }
 }
--- a/public/templates/data.tmpl
+++ b/public/templates/data.tmpl
@@ -2,6 +2,7 @@
 <html>
 <head>
  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{{name}} - TileServer GL</title>
  {{#is_vector}}
  <link rel="stylesheet" type="text/css" href="/mapbox-gl.css{{&key_query}}" />
--- a/public/templates/index.tmpl
+++ b/public/templates/index.tmpl
@@ -2,6 +2,7 @@
 <html>
 <head>
  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>TileServerGL</title>
  <link rel="stylesheet" type="text/css" href="/index.css{{&key_query}}" />
 </head>
--- a/public/templates/viewer.tmpl
+++ b/public/templates/viewer.tmpl
@@ -2,6 +2,7 @@
 <html>
 <head>
  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{{name}} - TileServer GL</title>
  <link rel="stylesheet" type="text/css" href="/mapbox-gl.css{{&key_query}}" />
  <script src="/mapbox-gl.js{{&key_query}}"></script>
Author	SHA1	Message	Date
Petr Pridal	ffc72789ae	Update version to 0.9.0	2016-07-28 11:22:50 +02:00
Dalibor Janák	4fc76251c3	Responsive CSS for the web page - fixes (closes #33 )	2016-07-27 17:56:54 +02:00
Dalibor Janák	b048990e14	Responsive CSS for the web page #33	2016-07-27 14:05:33 +02:00