From 2f7ecb2e490ade40350a68b902b4ff28e3168cbb Mon Sep 17 00:00:00 2001
From: Marien Fressinaud <dev@marienfressinaud.fr>
Date: Sat, 13 Apr 2013 11:11:48 +0200
Subject: Fix issue #46 : ajout de la select list pour les catégories en vue
 mobile
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/theme/freshrss.css | 38 +++++++++++++++++++++++++++++++++++++-
 1 file changed, 37 insertions(+), 1 deletion(-)

(limited to 'public/theme/freshrss.css')

diff --git a/public/theme/freshrss.css b/public/theme/freshrss.css
index d15487db3..46b8cb57b 100644
--- a/public/theme/freshrss.css
+++ b/public/theme/freshrss.css
@@ -391,9 +391,14 @@
 		line-height: 16px;
 	}
 
+.toggle_aside, .btn.toggle_aside {
+	display: none;
+}
+
 @media(max-width: 840px) {
 	.header,
-	.aside,
+	.aside .btn-important,
+	.aside .feeds .dropdown,
 	.flux_header .item.website span,
 	.flux_header .item.date {
 		display: none;
@@ -405,4 +410,35 @@
 	.pagination .pager-previous, .pagination .pager-next {
 		width: 100px;
 	}
+
+	.toggle_aside, .btn.toggle_aside {
+		display: inline-block;
+	}
+	.aside {
+		position: fixed;
+		top: 0; left: 0;
+		width: 0;
+		overflow: hidden;
+		z-index: 10;
+		transition: width 200ms linear;
+	}
+		.aside:target {
+			width: 80%;
+			overflow: auto;
+		}
+		.aside .toggle_aside {
+			position: absolute;
+			right: 0;
+			display: inline-block;
+			width: 20px;
+			height: 20px;
+			margin: 0 10px 0 0;
+			border: 1px solid #ccc;
+			border-radius: 10px;
+			text-align: center;
+			line-height: 20px;
+		}
+		.aside .categories {
+			margin: 30px 0;
+		}
 }
-- 
cgit v1.2.3