From ef353412416b7e9b95a374cc4be97941e2befaf5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tam=C3=A1s=20Szab=C3=B3?= <tamas@szaboo.com> Date: Sun, 1 Oct 2017 16:06:04 +0200 Subject: [PATCH] fixed mobile view --- static/episode_list.html | 14 ++++++++------ static/index.html | 3 ++- static/new_episode.html | 1 + static/new_serie.html | 1 + 4 files changed, 12 insertions(+), 7 deletions(-) diff --git a/static/episode_list.html b/static/episode_list.html index ec37454..c40005b 100644 --- a/static/episode_list.html +++ b/static/episode_list.html @@ -7,6 +7,7 @@ <script src="js/jquery-3.2.1.min.js"></script> <link rel="stylesheet" href="semantic/semantic.min.css"> <script src="semantic/semantic.min.js"></script> + <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> @@ -34,7 +35,7 @@ utamur at. Quodsi convenire mnesarchum eu per, quas minimum postulant per id. </p> - <div class="three column ui grid"> + <div class="three column doubling ui grid"> <div class="column"> <div class="ui card"> <div class="content"> @@ -100,16 +101,17 @@ <a href="new_episode.html"><i class="pencil icon"></i> Edit</a> </div> </div> - <div> - <button onclick="document.location='new_episode.html'" class="circular ui icon button right floated blue"> - <i class="icon plus"></i> - </button> - </div> </div> </div> </div> </div> + <div style="bottom: 10px;position:fixed;right:20px;z-index:1000;"> + <button onclick="document.location='new_episode.html'" class="circular ui icon button blue"> + <i class="icon plus"></i> + </button> + </div> + </body> </html> diff --git a/static/index.html b/static/index.html index e61fc0e..e45a980 100644 --- a/static/index.html +++ b/static/index.html @@ -7,6 +7,7 @@ <script src="js/jquery-3.2.1.min.js"></script> <link rel="stylesheet" href="semantic/semantic.min.css"> <script src="semantic/semantic.min.js"></script> + <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> @@ -121,7 +122,7 @@ </div> </div> - <div style="bottom: 10px;position:fixed;right:20px;"> + <div style="bottom: 10px;position:fixed;right:20px;z-index:1000;"> <button onclick="document.location='new_serie.html'" class="circular ui icon button blue"> <i class="icon plus"></i> </button> diff --git a/static/new_episode.html b/static/new_episode.html index 19da296..4ae111a 100644 --- a/static/new_episode.html +++ b/static/new_episode.html @@ -7,6 +7,7 @@ <script src="js/jquery-3.2.1.min.js"></script> <link rel="stylesheet" href="semantic/semantic.min.css"> <script src="semantic/semantic.min.js"></script> + <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> diff --git a/static/new_serie.html b/static/new_serie.html index e5ca792..09c3a49 100644 --- a/static/new_serie.html +++ b/static/new_serie.html @@ -7,6 +7,7 @@ <script src="js/jquery-3.2.1.min.js"></script> <link rel="stylesheet" href="semantic/semantic.min.css"> <script src="semantic/semantic.min.js"></script> + <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> -- GitLab