CC-3029: Graphic design for the version notification feature

- use classes in VersionNotify.php for displaying icons instead of inline styling
- change underscore to hyphen so that naming convention is consistent with the
  rest in style.css
This commit is contained in:
Yuchen Wang 2011-11-15 16:08:05 -05:00
parent ace68bd363
commit af1b376cdf
3 changed files with 24 additions and 25 deletions

View file

@ -58,9 +58,9 @@ select {
}
/* Version Notification Starts*/
#version_icon {
#version-icon {
position:absolute;
right:98px;
right:96px;
top:104px;
height:35px;
width:35px;
@ -68,19 +68,19 @@ select {
display:block;
cursor:pointer;
background-repeat:no-repeat;
background-position:center;
background-position:center;
}
#version_icon.outdated {
background-image:url(images/icon_outdated.png);
#version-icon.outdated {
background-image:url(/css/images/icon_outdated.png);
}
#version_icon.update2 {
background-image:url(images/icon_update2.png);
#version-icon.update2 {
background-image:url(/css/images/icon_update2.png);
}
#version_icon.update {
background-image:url(images/icon_update.png);
#version-icon.update {
background-image:url(/css/images/icon_update.png);
}
#version_icon.uptodate {
background-image:url(images/icon_uptodate.png);
#version-icon.uptodate {
background-image:url(/css/images/icon_uptodate.png);
}
#ui-tooltip-version a {

View file

@ -23,21 +23,21 @@ function getContent() {
* Get major version difference b/w current and latest version, in int
*/
function getVersionDiff() {
return parseInt($("#version_diff").html());
return parseInt($("#version-diff").html());
}
/**
* Get the current version
*/
function getCurrentVersion() {
return $("#version_current").html();
return $("#version-current").html();
}
/**
* Get the latest version
*/
function getLatestVersion() {
return $("#version_latest").html();
return $("#version-latest").html();
}
/**
@ -62,7 +62,7 @@ function getLatestLink() {
* Sets up the tooltip for version notification
*/
function setupVersionQtip(){
var qtipElem = $('#version_icon');
var qtipElem = $('#version-icon');
if (qtipElem.length > 0){
qtipElem.qtip({
id: 'version',
@ -92,7 +92,7 @@ function setupVersionQtip(){
}
$(document).ready(function() {
if($('#version_icon').length > 0) {
if($('#version-icon').length > 0) {
setupVersionQtip();
}
});