diff options
| author | Yingtong Li <runassudo@yingtongli.me> | 2017-03-23 22:23:35 +1100 |
|---|---|---|
| committer | Yingtong Li <runassudo@yingtongli.me> | 2017-03-23 22:23:35 +1100 |
| commit | 9dd85e026f1ea95ec0c785550fe8a913cdb224f6 (patch) | |
| tree | dd09b85720a5504d787c96727c14240ef8c0ce77 | |
| parent | 585aa006af66382b6426a879e44fae302e9e242b (diff) | |
Fix use of Semantic UI containers and condense display on mobile
| -rw-r--r-- | pblive/static/css/base.css | 28 | ||||
| -rw-r--r-- | pblive/templates/colour_picker.html | 2 | ||||
| -rw-r--r-- | pblive/templates/semantic_base.html | 3 | ||||
| -rw-r--r-- | pblive/templates/session.html | 2 |
4 files changed, 32 insertions, 3 deletions
diff --git a/pblive/static/css/base.css b/pblive/static/css/base.css new file mode 100644 index 0000000..5d9ed0a --- /dev/null +++ b/pblive/static/css/base.css @@ -0,0 +1,28 @@ +/* + PBLive + Copyright © 2017 RunasSudo (Yingtong Li) + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU Affero General Public License for more details. + + You should have received a copy of the GNU Affero General Public License + along with this program. If not, see <http://www.gnu.org/licenses/>. +*/ + +#pblive-main { + padding-top: 5em; + padding-bottom: 5em; +} +@media only screen and (max-width: 767px) { + #pblive-main { + padding-top: 1em; + padding-bottom: 1em; + } +} diff --git a/pblive/templates/colour_picker.html b/pblive/templates/colour_picker.html index cf1fc5e..b3e3556 100644 --- a/pblive/templates/colour_picker.html +++ b/pblive/templates/colour_picker.html @@ -18,7 +18,7 @@ <h1 class="ui dividing header">Pick a colour</h1> -<div class="ui container" id="colour_picker_container"> +<div id="colour_picker_container"> <div class="ui doubling grid"> {% for colour in session.colours %} <div class="column"> diff --git a/pblive/templates/semantic_base.html b/pblive/templates/semantic_base.html index 64600d8..6a80e08 100644 --- a/pblive/templates/semantic_base.html +++ b/pblive/templates/semantic_base.html @@ -28,9 +28,10 @@ <title>PBLive</title> <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='vendor/semantic-ui/semantic.min.css') }}"> + <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/base.css') }}"> </head> <body> - <div class="ui text container" style="padding: 5em 0em;"> + <div id="pblive-main" class="ui text container"> {% block main %}{% endblock main %} </div> diff --git a/pblive/templates/session.html b/pblive/templates/session.html index 0a1d311..19ab7dd 100644 --- a/pblive/templates/session.html +++ b/pblive/templates/session.html @@ -19,7 +19,7 @@ {% extends 'semantic_base.html' %} {% block main %} - <div class="ui container" id="session_main"> + <div id="session_main"> Loading, please wait. </div> {% endblock %} |