Commit 8cd3dee1 authored by Dave Lane's avatar Dave Lane
Browse files

further tweaks of layout for mobile

parent 893ddfd3
...@@ -22,7 +22,6 @@ article.bff-form .container .credit { ...@@ -22,7 +22,6 @@ article.bff-form .container .credit {
#blog-feed-finder a { color: #076A1F; font-weight: bold; } #blog-feed-finder a { color: #076A1F; font-weight: bold; }
#blog-feed-finder a.hover { color: #000; } #blog-feed-finder a.hover { color: #000; }
#blog-feed-finder a.visited { color: #237E39; } #blog-feed-finder a.visited { color: #237E39; }
#bff-url { width: 32em; }
.bff-form .button { .bff-form .button {
padding: 6px 8px; padding: 6px 8px;
color: #333 !important; color: #333 !important;
...@@ -132,7 +131,6 @@ article.bff-form .container .credit { ...@@ -132,7 +131,6 @@ article.bff-form .container .credit {
border-radius: 5px; border-radius: 5px;
} }
.bff-popup { .bff-popup {
display: block; display: block;
position: absolute; position: absolute;
...@@ -182,15 +180,27 @@ a.bff-close.ui-btn-left { ...@@ -182,15 +180,27 @@ a.bff-close.ui-btn-left {
} }
/* Mobile changes */ /* Mobile changes */
#bff-url { width: 40em; }
@media only screen and (max-width: 1000px) {
#bff-url { width: 30em; }
}
@media only screen and (max-width: 700px) { @media only screen and (max-width: 700px) {
#bff-url { width: 20em; } #bff-url { width: 25em; }
.bff-popup { width: 250px; } .bff-popup { width: 250px; }
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
#bff-url { width: 16em; } #bff-url { width: 20em; }
.bff-popup { width: 250px; }
}
@media only screen and (max-width: 500px) {
#bff-url { width: 15em; }
.bff-popup { width: 250px; } .bff-popup { width: 250px; }
} }
@media only screen and (max-width: 450px) { @media only screen and (max-width: 450px) {
#bff-url { width: 12em; } #bff-url { width: 12em; }
.bff-popup { width: 250px; } .bff-popup { width: 250px; }
} }
@media only screen and (max-width: 400px) {
#bff-url { width: 10em; }
.bff-popup { width: 250px; }
}
...@@ -158,7 +158,7 @@ jQuery(document).ready(function() { ...@@ -158,7 +158,7 @@ jQuery(document).ready(function() {
var voffset = 6; var voffset = 6;
var hoffset = 6; var hoffset = 6;
// popup pause and fade times in milliseconds // popup pause and fade times in milliseconds
var ptime = 2000; var ptime = 3000;
var ftime = 1000; var ftime = 1000;
console.log('enable tooltips'); console.log('enable tooltips');
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment