diff options
| author |  Marien Fressinaud <dev@marienfressinaud.fr>
| 2013-03-01 00:47:53 +0100 |
|---|---|---|
| committer | Marien Fressinaud <dev@marienfressinaud.fr>
| 2013-03-01 00:47:53 +0100 |
| commit | 61aa1e2b22b9fb1714f40d413fe6acadf85596e5 (patch) | |
| tree | 3e3ff67137a1f7545a6e72e19cc8480bf1e1817a | |
| parent | f528d2c3152e35dcfe66b3bf87322decd847d49d (diff) | |
Amélioration thème pour petits écrans
| -rw-r--r-- | app/layout/layout.phtml | 1 | ||||
| -rw-r--r-- | public/theme/base.css | 34 |
2 files changed, 35 insertions, 0 deletions
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 @@ <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 (); ?> 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; + } +} |