public inbox for [email protected]  
help / color / mirror / Atom feed
Grant wizard styling
2+ messages / 2 participants
[nested] [flat]

* Grant wizard styling
@ 2016-04-16 23:49 Arun Kollan <[email protected]>
  2016-04-17 13:08 ` Re: Grant wizard styling Dave Page <[email protected]>
  0 siblings, 1 reply; 2+ messages in thread

From: Arun Kollan @ 2016-04-16 23:49 UTC (permalink / raw)
  To: pgadmin-hackers; Dave Page <[email protected]>; Ashesh Vashi <[email protected]>

Hi Team,
Please find attached patch for styling Grant wizard for pgAdmin. The style
is now consistent with the pgadmin-altertify customised styling.

There is a issue with the error validation div which will be resolved
later. A task is already been created to track that issue. This also causes
the footer and the error div to overlap if the window size is below
min-height.

The wizard should display properly under all other circumstances.
Thanks.


Regards,
Arun


-- 
Sent via pgadmin-hackers mailing list ([email protected])
To make changes to your subscription:
http://www.postgresql.org/mailpref/pgadmin-hackers


Attachments:

  [application/octet-stream] grant-wizard-styling.patch (2.0K, 3-grant-wizard-styling.patch)
  download | inline diff:
diff --git a/web/pgadmin/browser/static/css/wizard.css b/web/pgadmin/browser/static/css/wizard.css
index 0be48dc..2c19a09 100644
--- a/web/pgadmin/browser/static/css/wizard.css
+++ b/web/pgadmin/browser/static/css/wizard.css
@@ -4,19 +4,23 @@
 }
 
 .wizard-header {
-  background: #428bca;
-  padding-left: 15px;
-  padding-bottom: 7px;
-  color: #fff;
-  font-size: 18px;
-  height: 76px;
-  line-height: 76px;
-  border-radius: 6px 6px 0 0;
+   padding: 6px 10px!important;
+  min-height: 35px;
+  max-height: 35px;
+  border-bottom: 2px solid darkgray;
+  background-color: #2C76B4;
+  font-weight: bold;
+  color: white;
+  font-size: 14px;
+  font-weight: bold;
+  border-radius: 0;
 }
 
 .wizard-header h3 {
-  font-size: 18px;
+  font-size: 14px;
   display: inline-block;
+  margin-top: 0px;
+  margin-bottom: 0px;
 }
 
 .wizard_dlg {
@@ -77,15 +81,16 @@
 
 /* Wizard Footer CSS */
 .grant_wizard_container .footer {
+  background-color: #D2D2D2;
+  border-width: 2px 0px 0px 0px;
+  border-style: solid;
+  border-color: rgb(85, 85, 85);
   position: absolute;
-  background: #fff;
-  border-top: 1px solid #ccc;
-  bottom: 0px;
-  height: 62px;
-  right: 0px;
-  padding-top: 22px;
-  border-radius: 0 0 6px 6px;
-  z-index: 10;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: 0;
+  padding: 0;
 }
 
 /* Wizard Button CSS */
@@ -95,9 +100,8 @@
 
 .grant_wizard_container .wizard-buttons button {
   float: left;
-  padding: 7px 15.2px;
   font-size: 14px;
-  margin: 0px 5px 0 0 !important;
+  margin: 3px 5px 0 0 !important;
 }
 
 .grant_wizard_container .wizard-buttons button.wizard-next i.fa {
@@ -115,14 +119,12 @@
 
 /* Wizard Status bar CSS */
 .grant_wizard_container .wizard-description {
-  padding: 1.7em 0.1em;
+  padding: 1.0em 0.1em;
 }
 
 /* Error message css */
 .grant_wizard_container .error_msg_div {
   display: block;
-  position: absolute;
-  bottom: 55px;
   background: #fff;
 }
 
@@ -141,3 +143,7 @@
 .select2-container--open {
   z-index: 10000;
 }
+
+.alertify .ajs-body .ajs-content {
+  padding: 0px;
+}
\ No newline at end of file


^ permalink  raw  reply  [nested|flat] 2+ messages in thread

* Re: Grant wizard styling
  2016-04-16 23:49 Grant wizard styling Arun Kollan <[email protected]>
@ 2016-04-17 13:08 ` Dave Page <[email protected]>
  0 siblings, 0 replies; 2+ messages in thread

From: Dave Page @ 2016-04-17 13:08 UTC (permalink / raw)
  To: Arun Kollan <[email protected]>; +Cc: pgadmin-hackers; Ashesh Vashi <[email protected]>

Thanks - patch applied.

On Saturday, April 16, 2016, Arun Kollan <[email protected]>
wrote:

> Hi Team,
> Please find attached patch for styling Grant wizard for pgAdmin. The style
> is now consistent with the pgadmin-altertify customised styling.
>
> There is a issue with the error validation div which will be resolved
> later. A task is already been created to track that issue. This also causes
> the footer and the error div to overlap if the window size is below
> min-height.
>
> The wizard should display properly under all other circumstances.
> Thanks.
>
>
> Regards,
> Arun
>


-- 
Dave Page
VP, Chief Architect, Tools & Installers
EnterpriseDB: http://www.enterprisedb.com
The Enterprise PostgreSQL Company

Blog: http://pgsnake.blogspot.com
Twitter: @pgsnake


^ permalink  raw  reply  [nested|flat] 2+ messages in thread


end of thread, other threads:[~2016-04-17 13:08 UTC | newest]

Thread overview: 2+ messages (download: mbox mbox.gz follow: Atom feed)
-- links below jump to the message on this page --
2016-04-16 23:49 Grant wizard styling Arun Kollan <[email protected]>
2016-04-17 13:08 ` Dave Page <[email protected]>

This inbox is served by agora; see mirroring instructions
for how to clone and mirror all data and code used for this inbox