summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorEndi S. Dewata <edewata@redhat.com>2011-07-01 13:37:43 -0500
committerAdam Young <ayoung@redhat.com>2011-07-01 20:57:58 -0400
commit3894a4f13d6e555e3d9c74bd4081d2690d58ad80 (patch)
tree48ce315a0290bcc5fbcacbe041fd54d68e8052c6
parent7a25523d63559b19babd83c74223d2d0c4d75157 (diff)
downloadfreeipa-3894a4f13d6e555e3d9c74bd4081d2690d58ad80.zip
freeipa-3894a4f13d6e555e3d9c74bd4081d2690d58ad80.tar.gz
freeipa-3894a4f13d6e555e3d9c74bd4081d2690d58ad80.tar.xz
Added arrow icons for details sections.
New arrow icons have been added to replace the plus/minus sign icons for expanding/collapsing details sections. Ticket #1422
-rwxr-xr-xinstall/ui/arrow_collapsed.pngbin0 -> 1044 bytes
-rwxr-xr-xinstall/ui/arrow_expanded.pngbin0 -> 1047 bytes
-rw-r--r--install/ui/details.js10
-rw-r--r--install/ui/ipa.css35
4 files changed, 20 insertions, 25 deletions
diff --git a/install/ui/arrow_collapsed.png b/install/ui/arrow_collapsed.png
new file mode 100755
index 0000000..61c2daf
--- /dev/null
+++ b/install/ui/arrow_collapsed.png
Binary files differ
diff --git a/install/ui/arrow_expanded.png b/install/ui/arrow_expanded.png
new file mode 100755
index 0000000..4f2a9d6
--- /dev/null
+++ b/install/ui/arrow_expanded.png
Binary files differ
diff --git a/install/ui/details.js b/install/ui/details.js
index 4c70530..4f01cd3 100644
--- a/install/ui/details.js
+++ b/install/ui/details.js
@@ -26,8 +26,8 @@
/* REQUIRES: ipa.js */
-IPA.expand_icon = 'ui-icon-minus';
-IPA.collapse_icon = 'ui-icon-plus';
+IPA.expanded_icon = 'ui-icon-expanded';
+IPA.collapsed_icon = 'ui-icon-collapsed';
IPA.details_section = function(spec) {
@@ -440,7 +440,7 @@ IPA.details_facet = function(spec) {
var icon = $('<span/>', {
name: 'icon',
- 'class': 'ui-icon section-expand '+IPA.expand_icon
+ 'class': 'ui-icon section-expand '+IPA.expanded_icon
}).appendTo(header);
header.append(' ');
@@ -497,8 +497,8 @@ IPA.details_facet = function(spec) {
var header = $('h2[name='+section.name+']', that.container);
var icon = $('span[name=icon]', header);
- icon.toggleClass(IPA.expand_icon, visible);
- icon.toggleClass(IPA.collapse_icon, !visible);
+ icon.toggleClass(IPA.expanded_icon, visible);
+ icon.toggleClass(IPA.collapsed_icon, !visible);
var div = section.container;
diff --git a/install/ui/ipa.css b/install/ui/ipa.css
index 26e000f..38b5a91 100644
--- a/install/ui/ipa.css
+++ b/install/ui/ipa.css
@@ -721,15 +721,6 @@ h3 {
}
.section-expand{
- float:left;
- -moz-border-radius: 0.3em;
- -webkit-border-radius: 0.3em;
- background-color: -moz-linear-gradient(top, #959595, #5e5e5e);
- background: -webkit-gradient(linear, left top, left bottom, from(#959595), to(#5e5e5e));
- border: 1px solid #b8b8b8;
- color: #fff;
- margin-right: 0.5em;
- margin-top: -0.2em;
}
hr {
@@ -909,28 +900,32 @@ span.attrhint {
padding:0;
}
-#the positions for these are in the large icon image,
-#and need to be specified in pixels.
+/*
+ the positions for these are in the large icon image,
+ and need to be specified in pixels.
+*/
+.ui-icon {
+ /* background-image: url("ui-icons_222222_256x240.png"); */
+ background-color: #e2e2e2;
+ display: inline-block;
+}
+.ui-icon-expanded {
+ background: url(arrow_expanded.png);
+}
-.ui-icon-minus {
- background-position: -48px -129px;
+.ui-icon-collapsed {
+ background: url(arrow_collapsed.png);
}
.ui-icon-plus {
- background-position: -16px -129px;
+ background-position: -16px -129px;
}
.ui-icon-trash {
background-position: -176px -97px;
}
-.ui-icon {
- /* background-image: url("ui-icons_222222_256x240.png"); */
- background-color: #e2e2e2;
- display: inline-block;
-}
-
.ui-widget-content {
}