diff options
| author | Petr Vobornik <pvoborni@redhat.com> | 2013-11-06 15:19:42 +0100 |
|---|---|---|
| committer | Martin Kosek <mkosek@redhat.com> | 2014-01-21 12:04:03 +0100 |
| commit | f0b42ed06000e7c6a8a72bbbdb0673018af8a58b (patch) | |
| tree | fbdc54c4dfd4114a5299a9ab1fe1e109bfb27c5f | |
| parent | af26018c0d469ecf4dc6a4edeae026087afc979f (diff) | |
| download | freeipa-f0b42ed06000e7c6a8a72bbbdb0673018af8a58b.tar.gz freeipa-f0b42ed06000e7c6a8a72bbbdb0673018af8a58b.tar.xz freeipa-f0b42ed06000e7c6a8a72bbbdb0673018af8a58b.zip | |
Facet title status icons
https://fedorahosted.org/freeipa/ticket/3904
| -rw-r--r-- | install/ui/ipa.css | 25 | ||||
| -rw-r--r-- | install/ui/src/freeipa/facet.js | 8 |
2 files changed, 19 insertions, 14 deletions
diff --git a/install/ui/ipa.css b/install/ui/ipa.css index fa9886ba2..904d4d5de 100644 --- a/install/ui/ipa.css +++ b/install/ui/ipa.css @@ -1448,20 +1448,25 @@ form#login { .facet-title .header-icon { display: none; - width: 17px; - height: 17px; + font-size: 70%; + vertical-align: 20%; + margin-right: 3px; + /* Font awesome style, TODO: use mixin */ + display: inline-block; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -.facet-title.enabled .header-icon { - background-image: url(images/ui-icons_222222_256x240.png); - background-position: -64px -144px; - display: inline-block; +.facet-title.enabled .header-icon:before { + content: "\f00c"; } -.facet-title.disabled .header-icon { - background-image: url(images/ui-icons_bbbbbb_256x240.png); - background-position: -64px -128px; - display: inline-block; +.facet-title.disabled .header-icon:before { + content: "\f068"; } .facet-title.disabled h3, diff --git a/install/ui/src/freeipa/facet.js b/install/ui/src/freeipa/facet.js index 44ebfe5af..5127489d2 100644 --- a/install/ui/src/freeipa/facet.js +++ b/install/ui/src/freeipa/facet.js @@ -1443,12 +1443,12 @@ exp.facet_title = IPA.facet_title = function(spec) { 'class': 'facet-title' }).appendTo(container); - that.icon = $('<div />', { - 'class': 'header-icon' - }).appendTo(that.title_container); - var h3 = $('<h3/>').appendTo(that.title_container); + that.icon = $('<i />', { + 'class': 'header-icon' + }).appendTo(h3); + that.title = $('<span/>').appendTo(h3); that.pkey = $('<span/>', { |