Permalink
Browse files

Mobile opera fix.

  • Loading branch information...
1 parent b5ac666 commit 0cc10b2f1a3166d23efe64c1ea3ae6464cf3317e @AhoyLemon committed Oct 10, 2016
Showing with 16 additions and 3 deletions.
  1. +8 −0 css/damn.css
  2. +3 −3 index.html
  3. +5 −0 sass/partials/_sidebar.scss
View
@@ -170,6 +170,14 @@ main { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow-y: auto;
.homescreen-help-holder.android .bottom-center-icon { display: none; }
+.homescreen-help-holder.android.opera { left: 0; right: null; padding-top: 20px; }
+
+.homescreen-help-holder.android.opera .tap-that-icon { text-align: left; padding-top: 1em; padding-left: 2em; }
+
+.homescreen-help-holder.android.opera span.arrow { position: absolute; top: -16px; left: 10px; }
+
+.homescreen-help-holder.android.opera .button { margin-top: 1em; display: inline-block; }
+
.homescreen-help-holder.ios { position: fixed; right: 0; bottom: 0; left: 0; }
.homescreen-help-holder.ios .homescreen-help { text-align: center; }
View
@@ -5,10 +5,10 @@
<title>damn.dog</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Slab:100,400,300,700|Roboto:400,300,700,400italic">
- <link rel="stylesheet" href="css/damn.css?v=2016-08-12@12:46:20">
+ <link rel="stylesheet" href="css/damn.css?v=2016-09-10@14:20:38">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="A guessing game for WikiHow illustrations.">
- <meta http-equiv="last-modified" content="2016-08-12@12:46:20">
+ <meta http-equiv="last-modified" content="2016-09-10@14:20:38">
<!-- favicons-->
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
@@ -241,7 +241,7 @@ <h1 data-display="correct" class="yup">That's right.</h1><img id="HeroPic">
</div>
</section>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
- <script src="js/min/damn.min.js?v=2016-08-12@12:46:20"></script>
+ <script src="js/min/damn.min.js?v=2016-09-10@14:20:38"></script>
<script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
@@ -25,6 +25,11 @@
b { display: block; }
.tap-that-icon { margin-top: -1.2em; }
.bottom-center-icon { display:none; }
+ &.opera { left:0; right: null; padding-top:20px;
+ .tap-that-icon { text-align: left; padding-top: 1em; padding-left: 2em; }
+ span.arrow { @include position(absolute,-16px,null,null,10px); }
+ .button { margin-top: 1em; display: inline-block; }
+ }
}
&.ios { @include position(fixed,null,0,0,0);
.homescreen-help { text-align: center; }

0 comments on commit 0cc10b2

Please sign in to comment.