From a14d243fcdd18bb7bd5409d1a8804bf06929824d Mon Sep 17 00:00:00 2001 From: Petr Vobornik Date: Fri, 13 Jul 2012 17:49:13 +0200 Subject: Fixed display of attributes_widget in IE9 Attributes widget is using overflow css rule in tbody element. IE9 doesn't handle it well. To fix the issue, attributes widget was slightly modified and conditional css stylesheet was added just for fixing IE problems. https://fedorahosted.org/freeipa/ticket/2822 --- install/ui/Makefile.am | 1 + install/ui/aci.js | 6 +++++- install/ui/ie.css | 23 +++++++++++++++++++++++ install/ui/index.html | 12 +++++++++--- install/ui/ipa.css | 7 ++++++- 5 files changed, 44 insertions(+), 5 deletions(-) create mode 100644 install/ui/ie.css diff --git a/install/ui/Makefile.am b/install/ui/Makefile.am index 7eb9b04ce..73f746a39 100644 --- a/install/ui/Makefile.am +++ b/install/ui/Makefile.am @@ -30,6 +30,7 @@ app_DATA = \ host.js \ hostgroup.js \ index.html \ + ie.css \ ipa.css \ ipa.js \ jquery-ui.css \ diff --git a/install/ui/aci.js b/install/ui/aci.js index 953116c3f..b2e5e19e5 100644 --- a/install/ui/aci.js +++ b/install/ui/aci.js @@ -473,13 +473,17 @@ IPA.attributes_widget = function(spec) { that.create = function(container) { that.container = container; + var attr_container = $('
', { + 'class': 'aci-attribute-table-container' + }).appendTo(container); + that.table = $('', { id:id, 'class':'search-table aci-attribute-table scrollable' }). append(''). append(''). - appendTo(container); + appendTo(attr_container); var tr = $('').appendTo($('thead', that.table)); diff --git a/install/ui/ie.css b/install/ui/ie.css new file mode 100644 index 000000000..00e573ba5 --- /dev/null +++ b/install/ui/ie.css @@ -0,0 +1,23 @@ +/* Authors: +* Petr Vobornik +* +* Copyright (C) 2012 Red Hat +* +* Styles for IE only +*/ + +.aci-attribute-table-container { + overflow: auto !important; + overflow-x: hidden !important; + width: 348px !important; +} + +.aci-attribute-table { + float: left; + margin: 0; + width: 332px !important; +} + +.aci-attribute-table tbody { + height: auto !important; +} \ No newline at end of file diff --git a/install/ui/index.html b/install/ui/index.html index cfa7a4c81..24e8cac36 100644 --- a/install/ui/index.html +++ b/install/ui/index.html @@ -4,6 +4,15 @@ IPA: Identity Policy Audit + + + + + + + @@ -48,9 +57,6 @@ - - - diff --git a/install/ui/ipa.css b/install/ui/ipa.css index d6ad58060..a3b93078b 100644 --- a/install/ui/ipa.css +++ b/install/ui/ipa.css @@ -1082,13 +1082,18 @@ span.main-separator{ .aci-attribute-table tbody { border-bottom: 1px solid #8a8a8a; - height:10em; + height: 10em; } .aci-attribute-table .aci-attribute-column { width: 200em; /* it will fit actual width */ } +.aci-attribute-table-container { + height: 13.5em; + overflow: hidden; +} + .entity-views{ list-style-type:none; } -- cgit