Merge pull request #21 from rosedu/layout_improve_on_mobile

Introduce viewport meta tag and fix content selectability
rosedu · Feb 16, 2015 · c818b00 · c818b00
2 parents f6146d4 + bc81c47
commit c818b00
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/_includes/featured_item.html b/_includes/featured_item.html
@@ -11,7 +11,7 @@ <h5>{{ item.title }}</h5>
 
   <div class="modal fade" id="featured-modal-content-{{ item.id }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
     <div class="modal-dialog">
-      <div class="unselectable modal-content">
+      <div class="modal-content">
         <button class="btn pull-right" id="close-modal" data-dismiss="modal" aria-hidden="true"><i class="glyphicon glyphicon-remove-circle"></i></button>
         <div class="modal-header">
           <img src="{{ item.image }}" class="col-md-6" alt="Lorem Ipsum">

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -26,6 +26,9 @@
     <!-- Bootstrap JS -->
     <script src="assets/bootstrap/js/bootstrap.min.js"></script>
 
+    <!-- viewport meta tag -->
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
     <!-- Custom stuff -->
     <link href="assets/css/stylesheet.css" rel="stylesheet">
     <link href="assets/css/custom.css" rel="stylesheet">
@@ -37,7 +40,7 @@
 
   {% include menu.html %}
 
-  <section class="clearfix unselectable" id="content">
+  <section class="clearfix" id="content">
     {{ content }}
   </section><!-- /content -->