Mirrors/overte
3
0
Fork 0
mirror of https://github.com/overte-org/overte.git synced 2025-07-23 07:44:09 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Improve text and robustness of marketplaces footer

Browse source
This commit is contained in:
David Rowe 2016-12-07 12:20:43 +13:00
parent 186d3f18ef
commit 01226b03ef
3 changed files with 12 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
scripts/system/html/css/marketplaces.css
View file

@ -93,8 +93,8 @@ body {
*/ */
font-family: sans-serif; font-family: sans-serif;
font-size: 24px; font-size: 24px;
margin-left: 25px; margin-left: 20px;
margin-right: 5px; margin-right: 3px;
color: #fff; color: #fff;
line-height: 50px; line-height: 50px;
} }
@ -107,9 +107,11 @@ body {
top: 1px; top: 1px;
} }
#marketplace-navigation input { #marketplace-navigation input {
float: right; position: absolute;
margin-right: 25px; right: 20px;
margin-top: 12px; margin-top: 12px;
padding-left: 10px;
padding-right: 10px;
} }
@media (max-width:768px) { @media (max-width:768px) {

6
scripts/system/html/js/marketplacesClara.js
View file

@ -85,9 +85,9 @@
$("head").append( $("head").append(
'<style>' + '<style>' +
'#marketplace-navigation { font-family: Arial, Helvetica, sans-serif; width: 100%; height: 50px; background: #00b4ef; position: fixed; bottom: 0; }' + '#marketplace-navigation { font-family: Arial, Helvetica, sans-serif; width: 100%; height: 50px; background: #00b4ef; position: fixed; bottom: 0; }' +
'#marketplace-navigation .glyph { margin-left: 25px; margin-right: 5px; font-family: sans-serif; color: #fff; font-size: 24px; line-height: 50px; }' + '#marketplace-navigation .glyph { margin-left: 20px; margin-right: 3px; font-family: sans-serif; color: #fff; font-size: 24px; line-height: 50px; }' +
'#marketplace-navigation .text { color: #fff; font-size: 18px; line-height: 50px; vertical-align: top; position: relative; top: 1px; }' + '#marketplace-navigation .text { color: #fff; font-size: 18px; line-height: 50px; vertical-align: top; position: relative; top: 1px; }' +
'#marketplace-navigation input { float: right; margin-right: 25px; margin-top: 12px; }' + '#marketplace-navigation input { position: absolute; right: 20px; margin-top: 12px; padding-left: 10px; padding-right: 10px; }' +
'</style>' '</style>'
); );
@ -113,7 +113,7 @@
// Marketplaces footer. // Marketplaces footer.
$("body").append( $("body").append(
'<div id="marketplace-navigation">' + '<div id="marketplace-navigation">' +
'<span class="glyph">&#x1f6c8;</span> <span class="text">Check out other markets.</span>' + '<span class="glyph">&#x1f6c8;</span> <span class="text">Check out other marketplaces.</span>' +
'<input id="all-markets" type="button" class="white" value="See All Markets" />' + '<input id="all-markets" type="button" class="white" value="See All Markets" />' +
'</div>' '</div>'
); );

6
scripts/system/html/js/marketplacesHiFi.js
View file

@ -17,9 +17,9 @@ $(document).ready(function () {
$("head").append( $("head").append(
'<style>' + '<style>' +
'#marketplace-navigation { font-family: Arial, Helvetica, sans-serif; width: 100%; height: 50px; background: #00b4ef; position: fixed; bottom: 0; }' + '#marketplace-navigation { font-family: Arial, Helvetica, sans-serif; width: 100%; height: 50px; background: #00b4ef; position: fixed; bottom: 0; }' +
'#marketplace-navigation .glyph { margin-left: 25px; margin-right: 5px; font-family: sans-serif; color: #fff; font-size: 24px; line-height: 50px; }' + '#marketplace-navigation .glyph { margin-left: 20px; margin-right: 3px; font-family: sans-serif; color: #fff; font-size: 24px; line-height: 50px; }' +
'#marketplace-navigation .text { color: #fff; font-size: 18px; line-height: 50px; vertical-align: top; position: relative; top: 1px; }' + '#marketplace-navigation .text { color: #fff; font-size: 18px; line-height: 50px; vertical-align: top; position: relative; top: 1px; }' +
'#marketplace-navigation input { float: right; margin-right: 25px; margin-top: 12px; }' + '#marketplace-navigation input { position: absolute; right: 20px; margin-top: 12px; padding-left: 10px; padding-right: 10px; }' +
'</style>' '</style>'
); );
@ -37,7 +37,7 @@ $(document).ready(function () {
// Marketplaces footer. // Marketplaces footer.
$("body").append( $("body").append(
'<div id="marketplace-navigation">' + '<div id="marketplace-navigation">' +
'<span class="glyph">&#x1f6c8;</span> <span class="text">Check out other markets.</span>' + '<span class="glyph">&#x1f6c8;</span> <span class="text">Check out other marketplaces.</span>' +
'<input id="all-markets" type="button" class="white" value="See All Markets" />' + '<input id="all-markets" type="button" class="white" value="See All Markets" />' +
'</div>' '</div>'
); );