Amélioration thème pour petits écrans

1 files changed, 34 insertions, 0 deletions

diff --git a/public/theme/base.css b/public/theme/base.css
index 1956303c9..6814e07b0 100644
--- a/public/theme/base.css
+++ b/public/theme/base.css
@@ -105,6 +105,7 @@ form {
 	width: 100%;
 	height: 100%;
 	background: #fafafa;
+	table-layout: fixed;
 }
 	.aside {
 		display: table-cell;
@@ -436,3 +437,36 @@ a#read_mode {
 		#notification a.close:hover {
 			text-decoration: none;
 		}
+
+@media(max-width: 840px) {
+	#main_aside {
+		display: none;
+	}
+	#main {
+		width: 100%;
+		padding: 0;
+	}
+		#top {
+			width: 100%;
+			position: static;
+		}
+	#stream {
+		padding: 0;
+	}
+	.post.flux .after {
+		display: none;
+	}
+	.post.flux > h1 {
+		display: inline-block;
+		min-height: 35px;
+		font-size: 80%;
+		line-height: 35px;
+	}
+	.post.flux .before {
+		display: inline;
+		font-size: 80%;
+	}
+	a#read_mode {
+		display: none;
+	}
+}