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 (limited to 'install') diff --git a/install/ui/Makefile.am b/install/ui/Makefile.am index 7eb9b04c..73f746a3 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 953116c3..b2e5e19e 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 00000000..00e573ba --- /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 cfa7a4c8..24e8cac3 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 d6ad5806..a3b93078 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