projects / mkws-moved-to-github.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 1be95be)
Tweak prettysimple demo for mobile.
authorJason Skomorowski <jason@indexdata.com>
Mon, 3 Nov 2014 18:01:02 +0000 (13:01 -0500)
committerJason Skomorowski <jason@indexdata.com>
Mon, 3 Nov 2014 18:01:02 +0000 (13:01 -0500)
examples/htdocs/prettysimple.css patch | blob | history
examples/htdocs/prettysimple.html patch | blob | history

diff --git a/examples/htdocs/prettysimple.css b/examples/htdocs/prettysimple.css
index 237c177..e0dd5fe 100644 (file)
--- a/examples/htdocs/prettysimple.css
+++ b/examples/htdocs/prettysimple.css
@@ -26,11 +26,11 @@ a {
   margin-left: auto;
 }
 .main {
-  margin: auto;
   max-width: 1100px;
+  margin: auto;
 }
 .mkws-search {
-  width: 30em;
+  max-width: 30em;
   margin-left: auto;
 }
 .mkws-results {
@@ -207,7 +207,6 @@ a {
   margin-bottom: 4px;
   overflow: hidden; 
   text-overflow: ellipsis;
-  white-space: nowrap;
 }
 .result-description {
   order: 4;
@@ -253,7 +252,6 @@ a {
     flex-direction: row;
     flex-wrap: wrap;
     align-content: flex-start;
-    margin: none;
   }
   .mkws-pager {
     margin: 0;
@@ -311,6 +309,12 @@ a {
     float: none !important;
   }
 }
+@media screen and (max-width: 600px) {
+  .main {
+    margin-left: 0;
+    margin-right: 0;
+  }
+}
 
 /* Font (from mozilla.org) */
 @font-face{
diff --git a/examples/htdocs/prettysimple.html b/examples/htdocs/prettysimple.html
index 7fa7080..6b53e5f 100644 (file)
--- a/examples/htdocs/prettysimple.html
+++ b/examples/htdocs/prettysimple.html
@@ -2,8 +2,9 @@
 <html>
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>MKWS demo</title>
-    <script type="text/javascript" src="//mkws.local/mkws-complete.js"></script>
+    <script type="text/javascript" src="//mkws.indexdata.com/mkws-complete.js"></script>
     <link rel="stylesheet" href="prettysimple.css" />
   </head>
   <body>
MasterKey Widget Set