From 5dddf40d7a62864da132aeb6b924a9b410a37075 Mon Sep 17 00:00:00 2001
From: Jay Alvarez <jaya@aptivate.org>
Date: Thu, 16 Jul 2015 14:44:07 +0100
Subject: [PATCH] removed image from tablet size as it was not going to stretch
comfortably across 700+ px width. Also reduced min-width for body to 320px as
seems to fit chart ok
---
django/website/media/css/styles.css | 15 ++++++++++++++-
django/website/media/less/internews.less | 17 ++++++++++++++++-
2 files changed, 30 insertions(+), 2 deletions(-)
diff --git a/django/website/media/css/styles.css b/django/website/media/css/styles.css
index 39177274..4f6de13f 100644
--- a/django/website/media/css/styles.css
+++ b/django/website/media/css/styles.css
@@ -6472,13 +6472,14 @@ button.close {
}
body {
background-color: #ffffff;
- min-width: 480px;
+ min-width: 320px;
}
#wrapper {
width: 100%;
}
.page-header {
margin-top: 0;
+ padding: 10px;
}
@media (min-width: 768px) {
#page-wrapper {
@@ -6534,6 +6535,12 @@ body {
padding: 15px;
min-height: 50px;
}
+@media (max-width: 768px) {
+ .navbar-top-links li a {
+ padding-top: 0;
+ min-height: 10px;
+ }
+}
.navbar-top-links > li > a,
.navbar-top-links > li > a > .fa {
color: #ffffff;
@@ -6619,9 +6626,15 @@ body {
margin-left: auto;
}
}
+@media (min-width: 481px) and (max-width: 768px) {
+ .featured-image > img {
+ display: none;
+ }
+}
@media (max-width: 480px) {
.featured-image > img {
width: 100%;
+ display: block;
}
}
.nav.nav-tabs.navbar-right {
diff --git a/django/website/media/less/internews.less b/django/website/media/less/internews.less
index c27cff73..b89dd445 100644
--- a/django/website/media/less/internews.less
+++ b/django/website/media/less/internews.less
@@ -2,7 +2,7 @@
body {
background-color: @gray-lightest;
- min-width:480px;
+ min-width:320px;
}
@@ -15,6 +15,7 @@ body {
.page-header {
margin-top:0;
+ padding:10px;
}
@media(min-width:768px) {
@@ -81,6 +82,13 @@ body {
min-height: 50px;
}
+@media(max-width:768px){
+ .navbar-top-links li a {
+ padding-top:0;
+ min-height:10px;
+ }
+}
+
.navbar-top-links > li > a,
.navbar-top-links > li > a > .fa {
color:@body-bg;
@@ -189,10 +197,17 @@ body {
margin-left: auto;
}
}
+
+@media(min-width: 481px) and (max-width:768px) {
+ .featured-image > img {
+ display:none;
+ }
+ }
@media(max-width:480px) {
.featured-image > img {
width:100%;
+ display:block;
}
}
--
GitLab