Bladeren bron

Amélioration thème pour petits écrans

Marien Fressinaud 13 jaren geleden
bovenliggende
commit
61aa1e2b22
2 gewijzigde bestanden met toevoegingen van 35 en 0 verwijderingen
  1. 1 0
      app/layout/layout.phtml
  2. 34 0
      public/theme/base.css

+ 1 - 0
app/layout/layout.phtml

@@ -2,6 +2,7 @@
 <html lang="fr">
 	<head>
 		<meta charset="utf-8">
+		<meta name="viewport" content="initial-scale=1.0">
 		<?php echo self::headTitle (); ?>
 		<?php echo self::headStyle (); ?>
 		<?php echo self::headScript (); ?>

+ 34 - 0
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;
+	}
+}