From 545ecf94ef2db99edbdc376b39df86fe248eed31 Mon Sep 17 00:00:00 2001 From: kylebaker Date: Tue, 21 Jun 2011 10:21:14 -0400 Subject: [PATCH] Tab and spacing on list --- install/ui/Makefile.am | 2 + install/ui/details.js | 4 +- install/ui/facet-tab_off.png | Bin 0 -> 957 bytes install/ui/facet-tab_on.png | Bin 0 -> 941 bytes install/ui/ipa.css | 155 +++++++++++++++++++++++++++++++++-- 5 files changed, 151 insertions(+), 10 deletions(-) create mode 100644 install/ui/facet-tab_off.png create mode 100644 install/ui/facet-tab_on.png diff --git a/install/ui/Makefile.am b/install/ui/Makefile.am index dedc43dbe..f719339a4 100644 --- a/install/ui/Makefile.am +++ b/install/ui/Makefile.am @@ -20,6 +20,8 @@ app_DATA = \ check.png \ dialog.js \ dns.js \ + facet-tab_on.png \ + facet-tab_off.png \ ipa_logo_180x50.png \ ipa.js \ ipa.css \ diff --git a/install/ui/details.js b/install/ui/details.js index d4a013ad9..b15d17e7b 100644 --- a/install/ui/details.js +++ b/install/ui/details.js @@ -338,7 +338,7 @@ IPA.details_facet = function(spec) { that.reset_button = IPA.action_button({ label: IPA.messages.buttons.reset, - icon: 'ui-icon-refresh', + icon: 'reset-icon', 'class': 'details-reset', click: function() { that.reset(); @@ -348,7 +348,7 @@ IPA.details_facet = function(spec) { that.update_button = IPA.action_button({ label: IPA.messages.buttons.update, - icon: 'ui-icon-check', + icon: 'update-icon', 'class': 'details-update', click: function() { that.update(); diff --git a/install/ui/facet-tab_off.png b/install/ui/facet-tab_off.png new file mode 100644 index 0000000000000000000000000000000000000000..a5032f22c24564e82f9721d418a6f8d279344e61 GIT binary patch literal 957 zcmaJ=J#W)M7&a{fs_2FwMGS|#68p|=632>(96M1gCrD^B~-=3K$RksZ1Lb%_rWMXOB)ROMNuXDN8WLe`IFWnu*rV=EAm0F#vFK-2s` z)bkeTh}Q9Wy#ExAnxg=VbsUjFXtTz3HWOEYqKDX`By19LIIrSfk5CfzNC5Ok2AG!Z z`iVWoo2F9rBWn3Jt{N)O6a?3G6gewvI?C#DSwjewp{!@+Qf6B+5HcW?;GAm^d*ET8 z&biJx*I3F;M!^f1X9I`s5q2se@xU}?#a$kYwp4G%b(Y6cTFMn!Fk;f!zZyNiV$+ix z7h}te#o%L~O?$}3`oph>zuA*ORYPmWpWE{A$BnlipB0~^Ha6Zoo=hg+PESt{o?f~9 m>Hdpr?tKmGpjC!223TAQ{=myVnma}|$tFfaqBhnv{(#!o-vGRIxxeY;KD)&tcg zf#75qAq^tN=D6}f8aeI&Q_#UZKh*f&A3pNH_cZ=d!Gcz##9xTaGr}r8sDchQblnz8VRGkK;oW=N~Kb!AxSxg z$R*>DI%zIUb{7f;PTbg!s82$WDLNf8q#Dnh&PoWPrEHkYkBJ?am^zV&1eley09w}n zp+T@jC$x$G`dulU*y9L`O`MQn?6QmN?q;bXRgbYlNo*5xvN**?pHPzYNd)v(0a%Xf zhgm$uTb62u33Wmjn})_S1;O_{Rgsm7j*3vJRS-fosOYj%E$m4KLI#8qTyPEI4g(z0 z1=nNTLSCurMxJr2`buur3PHp&8#wl#Vec>|0hpGo`fI(&we?TCT{< zh}p&dbJ2?});-yB*|scLHa-qnx5uol-`=s$*^}5Yjf$Oq>nNjN+vlg^lh;ajzy79hx{NfLs1|=B) literal 0 HcmV?d00001 diff --git a/install/ui/ipa.css b/install/ui/ipa.css index 45a17865f..7baa18332 100644 --- a/install/ui/ipa.css +++ b/install/ui/ipa.css @@ -431,11 +431,13 @@ div.tabs { .entity-tabs { position: absolute; - height: 40px; left: 0; right: 0; bottom: 0; z-index: 1; /* need to be above facet header */ + margin-bottom: -25px; + padding-bottom: 11px; + border-bottom: 1px solid #C9C3BA; } .facet-group { @@ -466,29 +468,30 @@ div.tabs { display: inline-block; height: 25px; position: relative; + padding-right: 5px; } .facet-tab li a { - color: #42454a; background-color: #dedbde; - border: 1px solid #c9c3ba; - border-bottom: none; + border-left: 1px solid #c9c3ba; + border-right: 1px solid #c9c3ba; margin: 5px 0 0; - padding: 0 4px 0; + padding: 6px 25px; text-decoration: none; display: inline-block; line-height: 19px; + background-image: url("facet-tab_off.png"); } .facet-tab li a:hover { background-color: #f1f0ee; } .facet-tab li a.selected { - color: #000; + color: #6C6F73; background-color: #f1f0ee; font-weight: bold; - margin: 0; - padding: 5px 4px 1px; + background-image: url("facet-tab_on.png"); + height: 20px; } .facet-tab li.settings { @@ -717,6 +720,7 @@ hr { bottom: 32px; overflow: auto; border: none; + border-top: 1px solid #DFDFDF; } .details-summary { @@ -985,11 +989,146 @@ span.ui-icon-search { padding: 0 0 2px 6px; } +[title="Enroll"] { + font-size: 1.3em !important; + padding: 0 0 2px 6px; +} + +[title="Update"] { + font-size: 1.3em !important; + padding: 0 0 2px 6px; +} + +[title="Reset"] { + font-size: 1.3em !important; + padding: 0 0 2px 6px; +} + [title="Add"] { font-size: 1.3em !important; padding: 0 0 2px 22px; } +[name="search"] { + margin-top: -40px; +} + +[name="details"] { + margin-top: 30px; + margin-left: 7px; + width: 910px; +} + +[name="records"] { + margin-top: 30px; + margin-left: 7px; +} + +[name="maps"] { + margin-top: 30px; + margin-left: 7px; +} + +[name="keys"] { + margin-top: 30px; + margin-left: 7px; +} + +[name="certificates"] { + margin-top: 30px; + margin-left: 7px; +} + +[name="member_role"] { + margin-top: 30px; + margin-left: 7px; +} + +[name="member_privilege"] { + margin-top: 30px; + margin-left: 7px; +} + +[name="memberof_group"] { + margin-top: 30px; + margin-left: 7px; +} + +[name="memberof_privilege"] { + margin-top: 30px; + margin-left: 7px; +} + +[name="memberof_permission"] { + margin-top: 30px; + margin-left: 7px; +} + +[name="memberof_netgroup"] { + margin-top: 30px; + margin-left: 7px; +} + +[name="memberof_hostgroup"] { + margin-top: 30px; + margin-left: 7px; +} + +[name="managedby_host"] { + margin-top: 30px; + margin-left: 7px; +} + +[name="memberof_role"] { + margin-top: 30px; + margin-left: 7px; +} + +[name="member_group"] { + margin-top: 30px; + margin-left: 7px; +} + +[name="member_host"] { + margin-top: 30px; + margin-left: 7px; +} + +[name="member_hostgroup"] { + margin-top: 30px; + margin-left: 7px; +} + +[name="member_netgroup"] { + margin-top: 30px; + margin-left: 7px; +} + +[name="memberhost_host"] { + margin-top: 30px; + margin-left: 7px; +} + +[name="memberhost_hostgroup"] { + margin-top: 30px; + margin-left: 7px; +} + +[name="memberuser_user"] { + margin-top: 30px; + margin-left: 7px; +} + +[name="memberuser_group"] { + margin-top: 30px; + margin-left: 7px; +} + +[name="member_user"] { + margin-top: 30px; + margin-left: 7px; +} + span.sub-nav-off > a:link, span.sub-nav-off > a:visited{ color:white; }