From 0f1a756eae0d59b6b3db36cbea36602d8ec385b9 Mon Sep 17 00:00:00 2001 From: Petr Vobornik Date: Wed, 6 Nov 2013 15:44:18 +0100 Subject: Use font awesome glyph for dialog close button https://fedorahosted.org/freeipa/ticket/3904 --- install/ui/img/dialog-button-close.png | Bin 331 -> 0 bytes install/ui/less/dialog.less | 20 ++++++++++++-------- install/ui/less/font-awesome/bordered-pulled.less | 1 + 3 files changed, 13 insertions(+), 8 deletions(-) delete mode 100644 install/ui/img/dialog-button-close.png (limited to 'install/ui') diff --git a/install/ui/img/dialog-button-close.png b/install/ui/img/dialog-button-close.png deleted file mode 100644 index c938e7111..000000000 Binary files a/install/ui/img/dialog-button-close.png and /dev/null differ diff --git a/install/ui/less/dialog.less b/install/ui/less/dialog.less index 94b18e557..10f07a681 100644 --- a/install/ui/less/dialog.less +++ b/install/ui/less/dialog.less @@ -57,17 +57,21 @@ } .rcue-button-close { - background-image: url("../img/dialog-button-close.png"); - width: 25px; - height: 25px; - background-repeat: no-repeat; - background-position: center; - display: inline-block; - margin-top: -4px; - margin-right: -6px; + position: absolute; top: 15px; right: 19px; + display: inline-block; + + .fa; + + &:before { + content: @fa-var-times; + } + + &:hover { + text-decoration: none; + } } } diff --git a/install/ui/less/font-awesome/bordered-pulled.less b/install/ui/less/font-awesome/bordered-pulled.less index 9889d62cc..85536f8c2 100644 --- a/install/ui/less/font-awesome/bordered-pulled.less +++ b/install/ui/less/font-awesome/bordered-pulled.less @@ -11,6 +11,7 @@ .pull-left { float: left; } .fa { + .fa; &.pull-left { margin-right: .3em; } &.pull-right { margin-left: .3em; } } -- cgit