IntenseWebs/freeipa
3
0
Fork 0
mirror of https://salsa.debian.org/freeipa-team/freeipa.git synced 2024-12-22 23:23:30 -06:00
Code Issues Packages Projects Releases Wiki Activity

Fixed display of attributes_widget in IE9

Browse Source 
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
This commit is contained in:
Petr Vobornik 2012-07-13 17:49:13 +02:00
parent 7fcca4fa52
commit a14d243fcd
5 changed files with 44 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
install/ui/Makefile.am
View File

@ -30,6 +30,7 @@ app_DATA = \
host.js \
hostgroup.js \
index.html \
ie.css \
ipa.css \
ipa.js \
jquery-ui.css \

6
install/ui/aci.js
View File

@ -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));

23
install/ui/ie.css Normal file
View File

@ -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;
}

12
install/ui/index.html
View File

@ -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>

7
install/ui/ipa.css
View File

@ -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;
}