diff options
author | Adam Young <ayoung@redhat.com> | 2011-01-14 14:25:47 -0500 |
---|---|---|
committer | Endi Sukma Dewata <edewata@people01.fedoraproject.org> | 2011-01-15 04:42:06 +0000 |
commit | f92c831a323f0e32d8bb2c2c0623fcaa2f273bd7 (patch) | |
tree | 9e4d10054275c3c0d6480e6564681034f26bea52 | |
parent | d49cf9ee614f1d42ae06468e43e4214ad2fca9df (diff) | |
download | freeipa.git-f92c831a323f0e32d8bb2c2c0623fcaa2f273bd7.tar.gz freeipa.git-f92c831a323f0e32d8bb2c2c0623fcaa2f273bd7.tar.xz freeipa.git-f92c831a323f0e32d8bb2c2c0623fcaa2f273bd7.zip |
arrow icons Use Unicode characters for the arrow icons
-rw-r--r-- | install/static/entity.js | 24 | ||||
-rw-r--r-- | install/static/ipa.css | 6 |
2 files changed, 18 insertions, 12 deletions
diff --git a/install/static/entity.js b/install/static/entity.js index 908263a2..b980c956 100644 --- a/install/static/entity.js +++ b/install/static/entity.js @@ -448,6 +448,8 @@ IPA.nested_tabs = function(entity_name){ return siblings; }; +IPA.selected_icon = '▶ '; +IPA.back_icon = '◀ '; IPA. facet_create_action_panel = function(container) { @@ -502,6 +504,7 @@ IPA. facet_create_action_panel = function(container) { if (entity.facets.length > 0 ){ if ( entity.facets[0].name === IPA.current_facet( entity)){ main_facet.text( IPA.metadata[entity_name].label); + main_facet.removeClass('back-to-search'); main_facet.appendTo(ul); ul.append($('<li><span class="action-controls"/></li>')); }else{ @@ -509,11 +512,8 @@ IPA. facet_create_action_panel = function(container) { $('<span />',{ "class":"input_link" }). - append( - $('<span/>',{ - "class":"ui-icon ui-icon-triangle-1-w " - })). - append('Back to List ')); + append(IPA.back_icon + ' Back to List ')); + main_facet.addClass('back-to-search'); main_facet.appendTo(ul); } } @@ -540,7 +540,7 @@ IPA. facet_create_action_panel = function(container) { li.after(link ); /* If we are on the current facet, we make the text black, non-clickable, - add an icon and make suer the action controls are positioned underneath it. + add an icon and make sure the action controls are positioned underneath it. */ if ( other_facet.name === IPA.current_facet( entity)){ var text = link.text(); @@ -548,10 +548,8 @@ IPA. facet_create_action_panel = function(container) { link.append($('<ul>'). append($('<li />',{ 'class': 'entity-facet-selected', - html: $('<span />',{ - 'class':'input_link', - html:'<span class="ui-icon ui-icon-triangle-1-e" />'+ text - })})). + html: IPA.selected_icon + text + })). append($('<li/>',{ html:$('<span />',{ 'class':"action-controls" @@ -561,8 +559,12 @@ IPA. facet_create_action_panel = function(container) { facet_groups[facet_group] = li.next(); } else { var innerlist = $('<ul/>').appendTo(ul); - innerlist.append(build_link(other_facet, other_facet.label)); + var facet_link = build_link(other_facet, other_facet.label); + facet_link.addClass('entity-facet-selected'); + facet_link.prepend(IPA.selected_icon); + innerlist.append(facet_link); if ( other_facet.name === IPA.current_facet( entity)){ + innerlist.append($('<li class="entity-facet"><span class="action-controls" /></li>')); } } diff --git a/install/static/ipa.css b/install/static/ipa.css index cdeb4045..0b64203e 100644 --- a/install/static/ipa.css +++ b/install/static/ipa.css @@ -13,7 +13,7 @@ body{ background-image:url('outer-bg.png'); - background-repeat:repeat-x; + background-repeat:repeat-x; background-position:left top; background-color:#F9F9F9; border-width: 0; @@ -485,6 +485,10 @@ span.main-separator{ font-size: 1.2em; } +.action-panel li.back-to-search { + margin-left: -1.5em; +} + .action-panel li.entity-facet { font-family: "Liberation Sans",Arial,sans-serif; color: #1d85d5; |