mirror of
https://github.com/pgadmin-org/pgadmin4.git
synced 2025-02-25 18:55:31 -06:00
5799ac14ba
Changed the SCSS/CSS for the below third party libraries to adopt the new look 'n' feel: - wcDocker - Alertify dialogs, and notifications - AciTree - Bootstrap Navbar - Bootstrap Tabs - Bootstrap Drop-Down menu - Backgrid - Select2 Adopated the new the look 'n' feel for the dialogs, wizard, properties, tab panels, tabs, fieldset, subnode control, spinner control, HTML table, and other form controls. - Font is changed to Roboto - Using SCSS variables to define the look 'n' feel - Designer background images for the Login, and Forget password pages in 'web' mode - Improved the look 'n' feel for the key selection in the preferences dialog - Table classes consistency changes across the application - File Open and Save dialog list view changes Author(s): Aditya Toshniwal & Khushboo Vashi
112 lines
3.0 KiB
CSS
112 lines
3.0 KiB
CSS
/** CSS for Wizard **/
|
|
.pgadmin_grant_wizard_body .ajs-content {
|
|
padding: 0px !important;
|
|
}
|
|
|
|
.wizard-header h3 {
|
|
font-size: 14px;
|
|
display: inline-block;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.wizard_dlg {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.pgadmin-wizard {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.wizard-right-panel {
|
|
overflow-y: auto;
|
|
height: 100%;
|
|
top: 0;
|
|
right: 0;
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
|
|
.wizard-left-panel {
|
|
position: absolute;
|
|
top: 0;
|
|
display: flex;
|
|
bottom: 0;
|
|
left: 0;
|
|
align-items: center;
|
|
justify-content: center;
|
|
right: 0;
|
|
}
|
|
|
|
.wizard-left-panel img {
|
|
width: 140px;
|
|
}
|
|
|
|
.wizard-right-panel_content {
|
|
padding: 0.5rem 0rem;
|
|
}
|
|
|
|
/* Wizard Footer CSS */
|
|
.pgadmin-wizard .footer .row {
|
|
margin: 0 -6px 3px -6px;
|
|
}
|
|
|
|
/* Wizard Button CSS */
|
|
|
|
.pgadmin-wizard .wizard-buttons button.wizard-next i.fa {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.pgadmin-wizard .wizard-buttons button.wizard-back i.fa,
|
|
.pgadmin-wizard .wizard-buttons button.wizard-cancel i.fa {
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.pgadmin-wizard .wizard-buttons .wizard-finish {
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
.wizard-header .wizard-cancel-event {
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAdklEQVQ4jd2SwQnAIAxF36GH0pOTFHEgF3IkR5LO0F4SCGJVEHroAy/f/E+igV+yAa6hO7nrcgAZuIBg9CBalppXEnDL0RA1q556ASdQqhBrLlLTxVch1uxHZiU2AuKs2Vdt23GGHSy/wfIvzOzBPhpjaRO/5wG/szevJ+ZXzAAAAABJRU5ErkJggg==) no-repeat center center;
|
|
padding: 10px;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
|
|
div.wizard-header.wizard-badge > div > div.col-sm-2 > button.ajs-maximize.wizard-maximize-event.pull-right {
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAZklEQVQ4jcWTuw2AMAxEn5jBs7B/e0gpmAiKEGRS5QDBSS7v+Q8fSsCWQgDTA+DsGgJYuypumTNkWCWZg9q/HIAOSDim/xTUcu0exXXaxQG0teRVWQPLx2Gbe8B55yNqv7C4GV/TDq//J11odoZgAAAAAElFTkSuQmCC) no-repeat center center;
|
|
padding: 10px;
|
|
margin-top: -1px;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
div.wizard-header.wizard-badge > div > div.col-sm-2 > button.ajs-maximized.ajs-maximize.wizard-maximize-event.pull-right {
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA8klEQVQ4jZ3QMUpDQRCH8V+ewULQE4iERTyCrQiDCpbaCKKljbV4A89gqVgGrCMDWlpaWwVPoFYiIjYv8hBJXjLN7s7u9+3wZ4aKiOWI2IJOi8dHuM7MXxj3WMHe3CRBKeUGvVJKllJG8CrmoNty6jMsYKeGoY/jtgI4bez7OMjMr2oKwaieRzDMIljDRUSgXQZPeG2cv7GOffQ7ETGPcyw2HozWQWY+jLN3M/MzIu4wwNKf+zeMFVSQmY/YbfzeuiqIiAonZgi1quErHNa9F7xPM8FlAx5iA9ttJRVu8VHDm5k5rDNpLRERWxHR+6c/MZMfLIJDwzY66IkAAAAASUVORK5CYII=) no-repeat center center;
|
|
padding: 10px;
|
|
margin-top: -1px;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
/* Wizard Status bar CSS */
|
|
.pgadmin-wizard .wizard-description {
|
|
padding: 0.5rem 0rem;
|
|
}
|
|
|
|
/* In wizard select2 dropdown doesn't
|
|
* popup because z-index of alertify
|
|
* wizard is greater than the z-index
|
|
* of select2 dropdown. To make select2
|
|
* visible, set z-index of select2
|
|
* higher value than wizard's
|
|
*/
|
|
.select2-container--open {
|
|
z-index: 10000;
|
|
}
|
|
|
|
.wizard-content h3 {
|
|
margin-top: 20px !important;
|
|
margin-bottom: 10px !important;
|
|
}
|