public inbox for [email protected]  
help / color / mirror / Atom feed
From: Arun Kollan <[email protected]>
To: [email protected]
To: Dave Page <[email protected]>
To: Ashesh Vashi <[email protected]>
Subject: Grant wizard styling
Date: Sun, 17 Apr 2016 00:49:22 +0100
Message-ID: <CAMVYmSD_CkU3RFf+4YUmYin3o_-vUaj4e=ef33abhx9gSjJ-7A@mail.gmail.com> (raw)
List-Unsubscribe:  <mailto:[email protected]?body=unsub%20pgadmin-hackers>

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


view thread (2+ messages)  latest in thread

reply

Reply instructions:

You may reply publicly to this message via plain-text email
using any one of the following methods:

* Reply to all the recipients using the --to and --cc options:
  reply via email

  To: [email protected]
  Cc: [email protected], [email protected], [email protected]
  Subject: Re: Grant wizard styling
  In-Reply-To: <CAMVYmSD_CkU3RFf+4YUmYin3o_-vUaj4e=ef33abhx9gSjJ-7A@mail.gmail.com>

* Save the following mbox file, import it into your mail client,
  and reply-to-all from there: mbox

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