From 61aa1e2b22b9fb1714f40d413fe6acadf85596e5 Mon Sep 17 00:00:00 2001 From: Marien Fressinaud Date: Fri, 1 Mar 2013 00:47:53 +0100 Subject: Amélioration thème pour petits écrans MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/layout/layout.phtml | 1 + public/theme/base.css | 34 ++++++++++++++++++++++++++++++++++ 2 files changed, 35 insertions(+) diff --git a/app/layout/layout.phtml b/app/layout/layout.phtml index bae395033..de9b76775 100644 --- a/app/layout/layout.phtml +++ b/app/layout/layout.phtml @@ -2,6 +2,7 @@ + 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; + } +} -- cgit v1.2.3