[FIX] website_blog: fixed mobile css for the blog footer

pvergain · Aug 5, 2014 · dc72b26 · dc72b26
1 parent dbca345
commit dc72b26
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 0 deletions.
diff --git a/addons/website_blog/static/src/css/website_blog.css b/addons/website_blog/static/src/css/website_blog.css
@@ -59,6 +59,23 @@ div#blog_angle_down a:hover {
   cursor: pointer;
 }
 
+/* mobile preview: for blog h1,h2 font-size and cover-footer height of image overlapas */
+@media (max-width: 768px) {
+  .cover h1 {
+    font-size: 26px;
+  }
+  .cover h2 {
+    font-size: 20px;
+  }
+
+  .cover_footer {
+    min-height: 280px;
+    height: 50vh;
+  }
+  .cover_footer .blog_title {
+    top: 2%;
+  }
+}
 /*Inline Discussion */
 .discussion {
   padding: 5px 10px 10px;

diff --git a/addons/website_blog/static/src/css/website_blog.sass b/addons/website_blog/static/src/css/website_blog.sass
@@ -52,6 +52,19 @@ div#blog_angle_down
     height: 65vh
     cursor: pointer
 
+/* mobile preview: for blog h1,h2 font-size and cover-footer height of image overlapas */
+@media (max-width: 768px)
+    .cover
+        h1
+            font-size: 26px
+        h2
+            font-size: 20px
+    .cover_footer
+        min-height: 280px
+        height: 50vh
+        .blog_title
+            top: 2%
+
 /*Inline Discussion
 
 .discussion