From b9dd69853d1398148c7cc2a68c483e01b68882f9 Mon Sep 17 00:00:00 2001
From: Frederic Guillot <fred@kanboard.net>
Date: Sat, 21 Feb 2015 17:02:13 -0500
Subject: Improve responsive css
---
assets/css/src/header.css | 8 ++++++++
assets/css/src/responsive.css | 8 ++++++++
assets/css/src/sidebar.css | 13 ++++++++++++-
3 files changed, 28 insertions(+), 1 deletion(-)
(limited to 'assets/css/src')
diff --git a/assets/css/src/header.css b/assets/css/src/header.css
index a9d29c00..2490b125 100644
--- a/assets/css/src/header.css
+++ b/assets/css/src/header.css
@@ -93,3 +93,11 @@ nav .active a {
padding-right: 10px;
font-size: 0.9em;
}
+
+@media only screen and (max-width: 640px) {
+
+ .page-header-mobile li {
+ display: block;
+ margin-bottom: 5px;
+ }
+}
diff --git a/assets/css/src/responsive.css b/assets/css/src/responsive.css
index 78a7a478..f6338ed8 100644
--- a/assets/css/src/responsive.css
+++ b/assets/css/src/responsive.css
@@ -55,3 +55,11 @@
height: 18px;
}
}
+
+@media only screen and (max-width: 640px) {
+
+ .hide-mobile {
+ display: none;
+ }
+}
+
diff --git a/assets/css/src/sidebar.css b/assets/css/src/sidebar.css
index 029c054b..b744689e 100644
--- a/assets/css/src/sidebar.css
+++ b/assets/css/src/sidebar.css
@@ -27,9 +27,20 @@
line-height: 1.8em;
}
+@media only screen and (max-width: 1024px) {
+ .sidebar {
+ width: 25%;
+ }
+
+ .sidebar-content {
+ margin-left: 30%;
+ width: 70%;
+ }
+}
+
@media only screen and (max-width: 767px) {
.sidebar {
- width: 96.5%;
+ width: 95%;
float: none;
}
--
cgit v1.2.3