aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorYingtong Li <runassudo@yingtongli.me>2017-03-23 22:23:35 +1100
committerYingtong Li <runassudo@yingtongli.me>2017-03-23 22:23:35 +1100
commit9dd85e026f1ea95ec0c785550fe8a913cdb224f6 (patch)
treedd09b85720a5504d787c96727c14240ef8c0ce77
parent585aa006af66382b6426a879e44fae302e9e242b (diff)
Fix use of Semantic UI containers and condense display on mobile
-rw-r--r--pblive/static/css/base.css28
-rw-r--r--pblive/templates/colour_picker.html2
-rw-r--r--pblive/templates/semantic_base.html3
-rw-r--r--pblive/templates/session.html2
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 %}
Contact (issues, pull requests, etc.) at git@yingtongli.me. Generated by cgit.