summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAdam Young <ayoung@redhat.com>2011-01-14 14:25:47 -0500
committerEndi Sukma Dewata <edewata@people01.fedoraproject.org>2011-01-15 04:42:06 +0000
commitf92c831a323f0e32d8bb2c2c0623fcaa2f273bd7 (patch)
tree9e4d10054275c3c0d6480e6564681034f26bea52
parentd49cf9ee614f1d42ae06468e43e4214ad2fca9df (diff)
downloadfreeipa.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.js24
-rw-r--r--install/static/ipa.css6
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 = '&#x25B6; ';
+IPA.back_icon = '&#x25C0; ';
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;