commit ed28b97215ab086956c9479dd44f9e2f3b5ef503
parent c55a5f29994e0137fd9e28e8410cf0b69e8c91ee
Author: Fredrik <moi@knutsen.co>
Date: Tue, 13 Nov 2018 22:40:03 +0000
Merge pull request #14 from Demonstrandum/devel
Fix icons on mobile.
Diffstat:
2 files changed, 12 insertions(+), 4 deletions(-)
diff --git a/public/styles.css b/public/styles.css
@@ -135,14 +135,17 @@ input[type=text]:focus {
input[type=checkbox] { display:none; }
input[type=checkbox] + label:before {
- font-family: FontAwesome;
+ font-family: "Font Awesome 5 Free", FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-decoration: inherit;
display: inline-block;
}
-input[type=checkbox] + label:before { content: "\f096"; }
+input[type=checkbox] + label:before { content: '\f096'; }
input[type=checkbox] + label:before { letter-spacing: 10px; }
-input[type=checkbox]:checked + label:before { content: "\f046"; }
+input[type=checkbox]:checked + label:before { content: '\f046'; }
input[type=checkbox]:checked + label:before { letter-spacing: 8px; }
#code {
diff --git a/views/share.erb b/views/share.erb
@@ -4,12 +4,17 @@
<title>Share Poll</title>
<%= head_tags %>
<style media="screen">
+ body, html {
+ width: 100%;
+ height: 100%;
+ }
body, html, body > div {
- overflow: hidden;
+ overflow: hidden !important;
overflow-x: hidden;
overflow-y: hidden;
}
body {
+ position: fixed;
width: 100vw;
height: 100vh;
display: flex;