diff options
| author | Petr Vobornik <pvoborni@redhat.com> | 2012-07-13 17:49:13 +0200 |
|---|---|---|
| committer | Petr Vobornik <pvoborni@redhat.com> | 2012-07-17 15:55:44 +0200 |
| commit | a14d243fcdd18bb7bd5409d1a8804bf06929824d (patch) | |
| tree | 0c56d2d4a933d911685163a40a707373848ab384 /install | |
| parent | 7fcca4fa52196ea0082942f9ac39937c097a2064 (diff) | |
| download | freeipa-a14d243fcdd18bb7bd5409d1a8804bf06929824d.tar.gz freeipa-a14d243fcdd18bb7bd5409d1a8804bf06929824d.tar.xz freeipa-a14d243fcdd18bb7bd5409d1a8804bf06929824d.zip | |
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
Diffstat (limited to 'install')
| -rw-r--r-- | install/ui/Makefile.am | 1 | ||||
| -rw-r--r-- | install/ui/aci.js | 6 | ||||
| -rw-r--r-- | install/ui/ie.css | 23 | ||||
| -rw-r--r-- | install/ui/index.html | 12 | ||||
| -rw-r--r-- | install/ui/ipa.css | 7 |
5 files changed, 44 insertions, 5 deletions
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 = $('<div/>', { + 'class': 'aci-attribute-table-container' + }).appendTo(container); + that.table = $('<table/>', { id:id, 'class':'search-table aci-attribute-table scrollable' }). append('<thead/>'). append('<tbody/>'). - appendTo(container); + appendTo(attr_container); var tr = $('<tr></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 <pvobornik@redhat.com> +* +* 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 @@ <meta charset="utf-8"> <title>IPA: Identity Policy Audit</title> + + <link rel="stylesheet" type="text/css" href="jquery-ui.css" /> + <link rel="stylesheet" type="text/css" href="ipa.css" /> + <!--ie only stylesheet --> + <!--[if IE]> + <link rel="stylesheet" type="text/css" href="ie.css" /> + <![endif]--> + <link rel="icon" type="image/ico" href="favicon.ico"> + <script type="text/javascript" src="json2.js"></script> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery-ui.js"></script> @@ -48,9 +57,6 @@ <script type="text/javascript" src="ext/extension.js"></script> <script type="text/javascript" src="webui.js"></script> - <link rel="stylesheet" type="text/css" href="jquery-ui.css" /> - <link rel="stylesheet" type="text/css" href="ipa.css" /> - <link rel="icon" type="image/ico" href="favicon.ico"> </head> <body> 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; } |