summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAdam Young <ayoung@redhat.com>2011-01-26 16:11:22 -0500
committerAdam Young <ayoung@redhat.com>2011-01-26 16:23:12 -0500
commit5ca58d58b3563e9e275aa9eda2951e1123377dbd (patch)
tree9ff165dc2ef184a5151d402006647a3540342ebd
parent80e87e75bd6ab56e3e20c49ece55bd4d52f1a503 (diff)
downloadfreeipa-5ca58d58b3563e9e275aa9eda2951e1123377dbd.tar.gz
freeipa-5ca58d58b3563e9e275aa9eda2951e1123377dbd.tar.xz
freeipa-5ca58d58b3563e9e275aa9eda2951e1123377dbd.zip
target style cleanup
Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
-rw-r--r--install/ui/aci.js24
-rw-r--r--install/ui/ipa.css109
2 files changed, 83 insertions, 50 deletions
diff --git a/install/ui/aci.js b/install/ui/aci.js
index eb941cb9..b1ac1d52 100644
--- a/install/ui/aci.js
+++ b/install/ui/aci.js
@@ -53,10 +53,11 @@ IPA.attribute_table_widget= function (spec){
var that = IPA.widget(spec);
var object_type = spec.objecttype || 'user';
var table;
+ var dd_class = "other";
that.create = function(container){
- var dd = $('<dd/>').appendTo(container);
+ var dd = $('<dd/>',{"class":dd_class}).appendTo(container);
table = $('<table/>',{
id:id,
'class':'search-table aci-attribute-table'}).
@@ -323,14 +324,14 @@ IPA.target_section = function () {
function display_filter_target(dl){
$("<dt/>").
- append($("<label/>",{
- text: "Filter" })).
append($('<input/>',{
type:"radio",
name:"type",
checked:"true",
id:"aci_by_filter"
})).
+ append($("<label/>",{
+ text: "Filter" })).
appendTo(dl);
$('<dd/>',{
@@ -347,13 +348,13 @@ IPA.target_section = function () {
function display_type_target(dl){
$("<dt/>").
- append($("<label/>",{
- text: "Object By Type " })).
append($('<input/>',{
type:"radio",
name:"type",
checked:"true",
id:"aci_by_type" })).
+ append($("<label/>",{
+ text: "Object By Type " })).
appendTo(dl);
var dd = $('<dd/>',{
@@ -375,8 +376,6 @@ IPA.target_section = function () {
text: type_params.values[pc]
}));
}
- dd = $('<dd />',{
- "class":"aci_by_type other"}).appendTo(dl);
var attribute_table = IPA.attribute_table_widget(
{name:'aci_attributes_table',object_type:'user'});
@@ -388,11 +387,11 @@ IPA.target_section = function () {
function display_query_target(dl){
$('<dt/>').
- append($('<label />',{ html: 'By Subtree'} )).
append($('<input />',{
type:"radio",
name:"type",
id:"aci_by_query" })).
+ append($('<label />',{ html: 'By Subtree'} )).
appendTo(dl);
$("<dd/>",{
@@ -427,12 +426,12 @@ IPA.target_section = function () {
function display_group_target(dl){
$('<dt/>' ).
- append($('<label />',{
- html: 'Target Group'} )).
append($('<input />',{
type:"radio",
name:"type",
id:"aci_by_group" })).
+ append($('<label />',{
+ html: 'Target Group'} )).
appendTo(dl);
that.group_filter = $('<input/>',{
@@ -462,8 +461,7 @@ IPA.target_section = function () {
that.create = function(container) {
- var dl = $('<dl class="entryattrs"/>').appendTo(container);
-
+ var dl = $('<dl class="aci-target"/>').appendTo(container);
display_filter_target(dl);
display_query_target(dl);
display_group_target(dl);
@@ -872,4 +870,4 @@ IPA.add_entity( function() {
};
return that;
-}()); \ No newline at end of file
+}());
diff --git a/install/ui/ipa.css b/install/ui/ipa.css
index 67fa0338..8331a2d4 100644
--- a/install/ui/ipa.css
+++ b/install/ui/ipa.css
@@ -13,7 +13,7 @@
body{
background-image:url("outer-bg.png");
- background-repeat:repeat-x;
+ background-repeat:repeat-x;
background-position:left top;
background-color:#ededed;
border-width: 0;
@@ -98,7 +98,7 @@ div.tabs {
width: 100%;
height: 100%;
min-height: 40em;
- background: url("centered-bg.png") no-repeat scroll 0 8.4em transparent;
+ background: url("centered-bg.png") no-repeat scroll 0 8.4em transparent;
}
div#content {
@@ -148,11 +148,11 @@ h1 {
.entity-container h1{
-moz-border-radius: 0.5em 0.5em 0 0;
- background: -moz-linear-gradient(center top , #EEEEEE, #DFDFDF) repeat scroll 0 0 transparent;
- margin-top: 1.5em;
- padding: 0.5em 0.9em;
- position: relative;
- width: 40.5em;
+ background: -moz-linear-gradient(center top , #EEEEEE, #DFDFDF) repeat scroll 0 0 transparent;
+ margin-top: 1.5em;
+ padding: 0.5em 0.9em;
+ position: relative;
+ width: 40.5em;
}
h2 {
@@ -224,7 +224,7 @@ dl.entryattrs dd {
dl.entryattrs dd.first {
margin-left: 0;
margin-top: 0.5em;
- font-weight: bold;
+ font-weight: bold;
}
dl.entryattrs dd.other {
@@ -243,6 +243,41 @@ dl.entryattrs input.otp {
width: 15em;
}
+dl.aci-target{
+ clear: both;
+ margin-left: 1.5em;
+ margin-top: 1.8em;
+ white-space: nowrap;
+}
+
+dl.aci-target dt {
+ padding-bottom: 1.8em;
+ padding-left: 2.8em;
+
+ text-align: left;
+ width: 16em;
+ margin: 0.5em -0.5em 0 -6em;
+}
+
+dl.aci-target dd {
+}
+
+dl.aci-target dd.first {
+
+}
+
+dl.entryattrs dd.other {
+}
+
+
+dl.aci-target input {
+
+}
+
+
+
+
+
span.attrhint {
font-size: 8pt;
left: 5em;
@@ -260,7 +295,7 @@ span.attrhint {
border: none;
background-image: url("Mainnav-background.png");
-moz-border-radius: 0;
- height: 3.5em;
+ height: 3.5em;
}
.ui-tabs {
@@ -276,7 +311,7 @@ span.attrhint {
}
.ui-icon-plus {
- background-position: -16px -129px;
+ background-position: -16px -129px;
}
.ui-icon-trash {
@@ -284,7 +319,7 @@ span.attrhint {
}
.ui-dialog .ui-dialog-titlebar-close span {
- background-color: none !important;
+ background-color: none !important;
}
.ui-widget-content .ui-icon {
@@ -323,7 +358,7 @@ span.attrhint {
}
//.ui-dialog .ui-dialog-content {
- min-height: 26em !important;
+ min-height: 26em !important;
}//
.ui-widget input, .ui-widget select,
@@ -339,31 +374,31 @@ span.attrhint {
border: 1px solid #777777;
color: #fff;
font-weight: normal;
- padding: 0.4em 1em;
+ padding: 0.4em 1em;
}
span.ui-icon-search {
- background-color: transparent !important;
+ background-color: transparent !important;
border: medium none !important;
color: #FFFFFF !important;
- margin-left: 0 !important;
+ margin-left: 0 !important;
}
[title="Find"] {
- margin-left: 0.5em !important;
+ margin-left: 0.5em !important;
padding: 0.4em 1em 0.4em 2em !important;
}
[title="details"] {
- margin-top: -.7em !important;
+ margin-top: -.7em !important;
}
[title="Delete"] {
- margin-left: 1em !important;
+ margin-left: 1em !important;
}
[title="Add"] {
- margin-left: 1em !important;
+ margin-left: 1em !important;
}
.tabs1 .ui-tabs-nav li {
@@ -450,7 +485,7 @@ span.ui-icon-search {
.tabs2 .ui-tabs-nav li a:hover {
background-color:#045E01;
color: #ffffff;
-
+
}
span.sub-nav-off > a:link, span.sub-nav-off > a:visited{
@@ -504,13 +539,13 @@ span.main-separator{
border-bottom: 1px solid #c9c9c9;
text-transform: uppercase;
font-size: 1.6em;
- font-weight: normal;
+ font-weight: normal;
}
.action-panel ul {
list-style-type:none;
padding-left: .5em;
- padding-top: 0.5em;
+ padding-top: 0.5em;
}
.action-panel li {
@@ -532,7 +567,7 @@ span.main-separator{
.action-panel li.back-to-search {
margin-left: -1.5em;
- margin-top: 1em;
+ margin-top: 1em;
}
.action-panel li.entity-facet {
@@ -571,9 +606,9 @@ span.main-separator{
}
.action-panel li hr {
- margin-top: 0.3em;
- margin-left: 1em;
- background-color: #FFFFFF !important;
+ margin-top: 0.3em;
+ margin-left: 1em;
+ background-color: #FFFFFF !important;
border-left: medium none !important;
border-top: 1px solid #C9C9C9 !important;
}
@@ -600,8 +635,8 @@ a.action-button-disabled {
float: left;
min-width: 70em;
}
-
-
+
+
/* Search */
.search-controls {
@@ -728,12 +763,12 @@ dl.modal dd {
}
#dns-record-resource-filter {
- padding: 0em 1em;
- margin: 0 1em;
+ padding: 0em 1em;
+ margin: 0 1em;
}
#dns-record-type-filter {
- margin: 0 1em 0 0.5em;
+ margin: 0 1em 0 0.5em;
}
.ui-widget-content {
@@ -751,7 +786,7 @@ table.scrollable tbody {
.adder-dialog-filter {
height: 2.5em;
- padding-top: 0.7em;
+ padding-top: 0.7em;
}
.adder-dialog-results {
@@ -761,30 +796,30 @@ table.scrollable tbody {
.adder-dialog-available {
background-color: #ffffff;
- border: none;
+ border: none;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 23em;
- padding-top: 1em;
+ padding-top: 1em;
}
.adder-dialog-selected {
background-color: #ffffff;
- border: none;
+ border: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 23em;
- padding-top: 1em;
+ padding-top: 1em;
}
.adder-dialog-buttons {
position: absolute;
top: 7.5em;
- left: 23.7em;
+ left: 23.7em;
right: 25;
bottom: 0;
text-align: center;