pgadmin4/web/pgadmin/static/scss/_backform.overrides.scss
Ashesh Vashi 5799ac14ba Improvement in the look and feel of the whole application
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
2018-12-21 17:14:55 +05:30

70 lines
1.2 KiB
SCSS

.has-error {
.pgadmin-controls .form-control {
border-color: $color-danger;
}
.form-control {
border-color: $color-danger;
}
.control-label {
color: $color-danger;
}
.control-label:before {
font: normal normal normal 16px/1 FontAwesome;
content: "\f071";
text-decoration: inherit;
position: absolute;
color: $color-danger;
right: 6px;
padding-top: 6px;
z-index: 1;
}
}
.pgadmin-file-has-error {
.pgadmin-controls:before {
right: 40px !important;
}
}
.pgadmin-datepicker-has-error {
.pgadmin-controls:before {
right: 50px !important;
z-index: 3;
}
}
.backform-tab .tab-pane {
padding: 7px;
&.SQL {
height: 100%;
padding: 0px 7px 0px 0px;
}
}
.backform_control_notes {
background-color: $color-gray-lighter;
border: 1px solid $color-gray-light;
border-radius: 3px;
color: $color-gray-dark;
display: block;
font-family: $font-family-editor;
font-size: 12px;
line-height: 1.42857;
margin: 0 0 10px;
overflow: auto;
padding: 5px 10px;
word-wrap: break-word;
}
div.backform_control_notes label.control-label {
min-width: 0px;
}
.subnode-header label {
max-width: 90% !important;
}
.set-group {
margin-bottom: $form-group-margin-bottom;
}