gronod/headphones
1
0
Fork 1
mirror of https://github.com/rembo10/headphones.git synced 2026-05-02 09:49:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fixed some minor issues

Browse Source 
- Fixed toTop button when scrolling down
- Fixed Updatebar. Shown like other feedback messages
This commit is contained in:
Elmar Kouwenhoven
2012-05-08 13:06:03 +02:00
parent 0222fd7bfe
commit 64aba8bb5f
3 changed files with 80 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
data/interfaces/lossless/base.html
View File

@@ -29,16 +29,18 @@
<body> <body>
<div id="container"> <div id="container">
<div id="ajaxMsg"></div> <div id="ajaxMsg"></div>
<header> % if not headphones.CURRENT_VERSION:
% if not headphones.CURRENT_VERSION:
<div id="updatebar"> <div id="updatebar">
You're running an unknown version of Headphones. <a class="blue" href="update">Click here to update</a> You're running an unknown version of Headphones. <a href="update">Update</a> or
<a href="#" onclick="$('#updatebar').slideUp('slow');">Close</a>
</div> </div>
% elif headphones.CURRENT_VERSION != headphones.LATEST_VERSION and headphones.INSTALL_TYPE != 'win': % elif headphones.CURRENT_VERSION != headphones.LATEST_VERSION and headphones.INSTALL_TYPE != 'win':
<div id="updatebar"> <div id="updatebar">
A <a class="blue" href="http://github.com/rembo10/headphones/compare/${headphones.CURRENT_VERSION}...${headphones.LATEST_VERSION}"> newer version</a> is available. You're ${headphones.COMMITS_BEHIND} commits behind. <a class="blue" href="update">Click here to update</a> A <a href="http://github.com/rembo10/headphones/compare/${headphones.CURRENT_VERSION}...${headphones.LATEST_VERSION}"> newer version</a> is available. You're ${headphones.COMMITS_BEHIND} commits behind. <a href="update">Update</a> or <a href="#" onclick="$('#updatebar').slideUp('slow');">Close</a>
</div> </div>
% endif % endif
<header>
<div class="wrapper"> <div class="wrapper">
<div id="logo"> <div id="logo">
<a href="home"><img src="images/headphoneslogo.png" alt="headphones"></a> <a href="home"><img src="images/headphoneslogo.png" alt="headphones"></a>
@@ -82,7 +84,7 @@
<a href="#" onclick="doAjaxCall('checkGithub',$(this))" data-success="Checking for update succesful" data-error="Error checking update">Check for new version</a> <a href="#" onclick="doAjaxCall('checkGithub',$(this))" data-success="Checking for update succesful" data-error="Error checking update">Check for new version</a>
</div> </div>
</footer> </footer>
<a href="#" id="toTop"><span>Back to top</span></a> <a href="#main" id="toTop"><span>Back to top</span></a>
</div> </div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

84
data/interfaces/lossless/css/style.css
View File

@@ -481,7 +481,11 @@ footer {
-moz-border-radius: 10px; -moz-border-radius: 10px;
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
border-radius: 10px; border-radius: 10px;
background-color: #fff6a9; background-image: -moz-linear-gradient(#fcf5c2, #fff6a9) !important;
background-image: linear-gradient(#fcf5c2, #fff6a9) !important;
background-image: -webkit-linear-gradient(#fcf5c2, #fff6a9) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
display: inline-block; display: inline-block;
padding: 5px 10px; padding: 5px 10px;
margin-top: 10px; margin-top: 10px;
@@ -555,22 +559,72 @@ footer {
margin-right: 3px; margin-right: 3px;
} }
#updatebar { #updatebar {
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-color: #fff6a9;
border: 1px solid #cccccc; border: 1px solid #cccccc;
font-size: 11px; background-image: -moz-linear-gradient(#ffffff, #eeeeee) !important;
left: 35%; background-image: linear-gradient(#ffffff, #eeeeee) !important;
margin: 0 auto; background-image: -webkit-linear-gradient(#ffffff, #eeeeee) !important;
padding: 1px 10px; filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
position: absolute; -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
display: none;
font-size: 14px;
right: 10px;
-moz-box-shadow: 0px 0px 2px #aaaaaa;
-webkit-box-shadow: 0px 0px 2px #aaaaaa;
box-shadow: 0px 0px 2px #aaaaaa;
padding: 7px 10px;
position: fixed;
text-align: center; text-align: center;
text-transform: lowercase; bottom: 10px;
top: 0; min-height: 22px;
width: 250px;
z-index: 9999;
filter: alpha(opacity=85);
-moz-opacity: 0.8 !important;
-khtml-opacity: 0.8 !important;
opacity: 0.8 !important;
display: block;
background-image: -moz-linear-gradient(#fcf5c2, #fff6a9) !important;
background-image: linear-gradient(#fcf5c2, #fff6a9) !important;
background-image: -webkit-linear-gradient(#fcf5c2, #fff6a9) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
}
#updatebar .msg {
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
line-height: normal;
padding-left: 20px;
}
#updatebar .loader {
position: relative;
top: 2px;
}
#updatebar.success {
background-image: -moz-linear-gradient(#d3ffd7, #c2edc6) !important;
background-image: linear-gradient(#d3ffd7, #c2edc6) !important;
background-image: -webkit-linear-gradient(#d3ffd7, #c2edc6) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
padding: 15px 10px;
text-align: left;
}
#updatebar.error {
background-image: -moz-linear-gradient(#ffd3d3, #edc4c4) !important;
background-image: linear-gradient(#ffd3d3, #edc4c4) !important;
background-image: -webkit-linear-gradient(#ffd3d3, #edc4c4) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
padding: 15px 10px;
text-align: left;
}
#updatebar .ui-icon {
display: inline-block;
margin-left: -20px;
top: 2px;
position: relative;
margin-right: 3px;
} }
#subhead .back { #subhead .back {
float: left; float: left;

16
data/interfaces/lossless/css/style.less
View File

@@ -345,7 +345,7 @@ footer {
// Messages // Messages
.message { .message {
.rounded(10px); .rounded(10px);
background-color: @msg-bg; .gradient(#FCF5C2,@msg-bg);
display: inline-block; display: inline-block;
padding: 5px 10px; padding: 5px 10px;
margin-top: 10px; margin-top: 10px;
@@ -401,17 +401,9 @@ footer {
} }
#updatebar { #updatebar {
.roundedBottom(10px); #ajaxMsg;
background-color: @msg-bg; display: block;
border: 1px solid @border-color; .gradient(#FCF5C2,@msg-bg);
font-size: 11px;
left: 35%;
margin: 0 auto;
padding: 1px 10px;
position: absolute;
text-align: center;
text-transform: lowercase;
top: 0;
} }
// Subheader // Subheader