mirror of
https://github.com/pgadmin-org/pgadmin4.git
synced 2025-02-25 18:55:31 -06:00
Move all CSS into SCSS files for consistency and ease of colour maintenance etc. Fixes #2927
This commit is contained in:
Aditya Toshniwal
committed by
Dave Page
Dave Page
parent
61f00a0cbb
commit
82c9cca683
@@ -1,33 +0,0 @@
|
||||
.aciTree .aciTreeText {
|
||||
font-family: 'Open Sans';
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* Hover over an element */
|
||||
.aciTree .aciTreeLine.aciTreeHover .aciTreeItem {
|
||||
background-color: #e7f2ff;
|
||||
border-color: #84acdd;
|
||||
}
|
||||
|
||||
.aciTree .aciTreeLine.aciTreeHover .aciTreeText {
|
||||
color: black;
|
||||
}
|
||||
|
||||
/* Selected element and in focus*/
|
||||
.aciTree.aciTreeFocus .aciTreeFocus > .aciTreeLine .aciTreeItem {
|
||||
background-color: #e7f2ff;
|
||||
}
|
||||
|
||||
.aciTree.aciTreeFocus .aciTreeFocus > .aciTreeLine .aciTreeText {
|
||||
color: black;
|
||||
}
|
||||
|
||||
/* Selected element but not in focus */
|
||||
.aciTree .aciTreeSelected > .aciTreeLine .aciTreeItem {
|
||||
background-color: #e7f2ff;
|
||||
border-color: #84acdd;
|
||||
}
|
||||
|
||||
.aciTree .aciTreeItem {
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
1453
web/pgadmin/static/css/bootstrap.overrides.css
vendored
1453
web/pgadmin/static/css/bootstrap.overrides.css
vendored
File diff suppressed because it is too large
Load Diff
@@ -1,84 +0,0 @@
|
||||
/* To override inbuilt Green color for matchingbracket */
|
||||
.cm-s-default .CodeMirror-matchingbracket {
|
||||
color: #333333 !important;
|
||||
background-color: #e8e8e8 !important;
|
||||
}
|
||||
|
||||
/* Ensure the codemirror editor displays full height gutters when resized */
|
||||
.CodeMirror, .CodeMirror-gutter {
|
||||
height: 100% !important;
|
||||
min-height: 100% !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Remove border right from "CodeMirror-gutters"
|
||||
* class becuase its height doesn't increase
|
||||
* with every new line added, instead add border
|
||||
* right to ".CodeMirror-linenumber" class which
|
||||
* adds a new div for every new line added
|
||||
*/
|
||||
.sql_field_layout .CodeMirror-gutters {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.sql_field_layout .CodeMirror-linenumber {
|
||||
border-right: 1px solid #ddd;
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
|
||||
/* class to disable Codemirror editor */
|
||||
.cm_disabled {
|
||||
background: #EEEEEE;
|
||||
}
|
||||
|
||||
/* make syntax-highlighting bold */
|
||||
.cm-s-default .cm-keyword {
|
||||
font-weight: 600;
|
||||
color: #908;
|
||||
}
|
||||
|
||||
.cm-s-default .cm-number {
|
||||
font-weight: 600;
|
||||
color: #964;
|
||||
}
|
||||
|
||||
/* Codemirror buttons */
|
||||
.CodeMirror-dialog button {
|
||||
font-family: 'Open Sans';
|
||||
color: white;
|
||||
font-size: 70%;
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #245580;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
#history-detail-query .CodeMirror {
|
||||
border: 1px solid #CCCCCC;
|
||||
background-color: #F7F7F7;
|
||||
width: 100%;
|
||||
padding-left: 5px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.CodeMirror-gutters {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.sql_textarea {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.sql_textarea .CodeMirror-scroll {
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
/* workaround for codemirrors 'readOnly' option which is set to true instead of 'noCursor' */
|
||||
.hide-cursor-workaround .CodeMirror-cursors {
|
||||
display: none;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -1,110 +0,0 @@
|
||||
.alert-box {
|
||||
padding: 15px; }
|
||||
|
||||
.alert-icon {
|
||||
display: table-cell; }
|
||||
|
||||
.alert-text {
|
||||
display: table-cell;
|
||||
padding-left: 10px; }
|
||||
|
||||
.alert-info {
|
||||
border-color: #84acdd; }
|
||||
|
||||
.color-chip {
|
||||
align-items: center;
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.15);
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
display: flex;
|
||||
font-size: 1.25em;
|
||||
height: 100px;
|
||||
justify-content: center;
|
||||
margin: 0 0 1em;
|
||||
width: 100%; }
|
||||
|
||||
.bg-gray-1 {
|
||||
background-color: #f9f9f9; }
|
||||
|
||||
.bg-gray-2 {
|
||||
background-color: #e8e8e8; }
|
||||
|
||||
.bg-gray-3 {
|
||||
background-color: #cccccc; }
|
||||
|
||||
.bg-gray-4 {
|
||||
background-color: #888888; }
|
||||
|
||||
.bg-gray-5 {
|
||||
background-color: #555555; }
|
||||
|
||||
.bg-gray-6 {
|
||||
background-color: #333333; }
|
||||
|
||||
.font-white {
|
||||
color: #FFFFFF; }
|
||||
|
||||
.font-gray-3 {
|
||||
color: #cccccc; }
|
||||
|
||||
.font-gray-4 {
|
||||
color: #888888; }
|
||||
|
||||
.border-gray-3 {
|
||||
border: 2px solid #cccccc; }
|
||||
|
||||
.text-bold {
|
||||
font-weight: bold; }
|
||||
|
||||
.text-14 {
|
||||
font-family: 'Open Sans';
|
||||
font-size: 14px; }
|
||||
|
||||
.text-13 {
|
||||
font-family: 'Open Sans';
|
||||
font-size: 13px; }
|
||||
|
||||
.text-12 {
|
||||
font-family: 'Open Sans';
|
||||
font-size: 12px; }
|
||||
|
||||
.text-11 {
|
||||
font-family: 'Open Sans';
|
||||
font-size: 11px; }
|
||||
|
||||
.bg-primary-blue {
|
||||
background-color: #2c76b4; }
|
||||
|
||||
.bg-highlight {
|
||||
background-color: #e7f2ff; }
|
||||
|
||||
.bg-border {
|
||||
background-color: #84acdd; }
|
||||
|
||||
.bg-red-1 {
|
||||
background-color: #f2dede; }
|
||||
|
||||
.bg-red-2 {
|
||||
background-color: #ecccd1; }
|
||||
|
||||
.bg-red-3 {
|
||||
background-color: #d0021b; }
|
||||
|
||||
.bg-green-1 {
|
||||
background-color: #dff0d7; }
|
||||
|
||||
.bg-green-2 {
|
||||
background-color: #d6eac5; }
|
||||
|
||||
.bg-green-3 {
|
||||
background-color: #3a773a; }
|
||||
|
||||
.font-white {
|
||||
color: #FFFFFF; }
|
||||
|
||||
.opacity-5 {
|
||||
opacity: 0.5; }
|
||||
|
||||
.alertify .ajs-header,
|
||||
.alertify .ajs-body {
|
||||
font-family: 'Open Sans'; }
|
||||
@@ -1,4 +0,0 @@
|
||||
.select2-container--default .select2-results__option--highlighted[aria-selected] {
|
||||
background-color: #e7f2ff;
|
||||
color: #333333;
|
||||
}
|
||||
@@ -1,7 +1,6 @@
|
||||
@import '~bootstrap/dist/css/bootstrap.css';
|
||||
@import '~alertifyjs/build/css/alertify.css';
|
||||
@import '~alertifyjs/build/css/themes/bootstrap.css';
|
||||
@import '~bootstrap/dist/css/bootstrap-theme.css';
|
||||
@import '~font-awesome/css/font-awesome.css';
|
||||
@import '~bootstrap-datepicker/dist/css/bootstrap-datepicker3.css';
|
||||
@import '~eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css';
|
||||
@@ -23,16 +22,3 @@
|
||||
@import '~slickgrid/slick.grid.css';
|
||||
@import '~slickgrid/slick-default-theme.css';
|
||||
@import '~slickgrid/css/smoothness/jquery-ui-1.11.3.custom.css';
|
||||
|
||||
@import '../../preferences/static/css/preferences.css';
|
||||
@import '../../browser/static/css/browser.css';
|
||||
@import '../../dashboard/static/css/dashboard.css';
|
||||
@import '../../browser/static/css/wizard.css';
|
||||
@import '../../tools/debugger/static/css/debugger.css';
|
||||
|
||||
@import '../../tools/grant_wizard/static/css/grant_wizard.css';
|
||||
@import '../../tools/maintenance/static/css/maintenance.css';
|
||||
@import '../../tools/sqleditor/static/css/sqleditor.css';
|
||||
@import '../../misc/static/explain/css/explain.css';
|
||||
@import '../../misc/bgprocess/static/css/bgprocess.css';
|
||||
@import '../../misc/static/explain/css/explain.css';
|
||||
|
||||
@@ -1,401 +0,0 @@
|
||||
.wcDocker {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.wcPanelBackground {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.wcPanelBackground .wcCenter {
|
||||
background-color: #cccccc;
|
||||
}
|
||||
|
||||
.wcFrameFlasher {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
.wcFrameShadower {
|
||||
background-color: #dddddd;
|
||||
}
|
||||
|
||||
.wcFrameTitle {
|
||||
font-size: 13px;
|
||||
padding-left: 8px;
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
border-bottom: 1px none;
|
||||
height: 100%;
|
||||
padding-top: 10px;
|
||||
background-color: #e8e8e8;
|
||||
}
|
||||
|
||||
.wcFrameCenter {
|
||||
top: 35px;
|
||||
}
|
||||
|
||||
.wcFrameButton {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border: 2px solid #9E9E9E;
|
||||
background-color: #ddd;
|
||||
font-size: 12px;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.wcFrameMiniButton {
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.wcFrameButton.wcFrameButtonLeft {
|
||||
right: 10px;
|
||||
}
|
||||
.wcFrameButton.wcFrameButtonRight {
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.wcFrameButton:hover {
|
||||
border: 2px solid #CCCCCC;
|
||||
}
|
||||
|
||||
.wcFrameButton:active {
|
||||
border: 2px solid #DDDDDD;
|
||||
}
|
||||
|
||||
.wcFrameButtonToggled, .wcFrameButtonToggled:hover {
|
||||
border-style: inset;
|
||||
}
|
||||
|
||||
.wcLayoutGrid, .wcLayoutGrid tr, .wcLayoutGrid td {
|
||||
border: 1px solid #555555;
|
||||
}
|
||||
|
||||
.wcLayoutGridAlternate tr:nth-child(even), .wcLayoutGridAltColor {
|
||||
background-color: rgba(200, 150, 150, 0.2) !important;
|
||||
}
|
||||
|
||||
.wcFrameEdge {
|
||||
border: 1px solid #dddddd;
|
||||
background-color: #dddddd;
|
||||
}
|
||||
.wcFrame > .wcFrameEdgeV ~ .wcFrameEdgeV {
|
||||
box-shadow: 3px 6px 3px 1px #888888 !important;
|
||||
}
|
||||
|
||||
.wcFrame > .wcFrameEdge ~ .wcFrameEdgeV {
|
||||
box-shadow: 1px 0px 0px 0px #888888;
|
||||
}
|
||||
|
||||
.wcFrame > .wcFrameEdgeH ~ .wcFrameEdgeH {
|
||||
box-shadow: 2px 3px 3px 2px #888888 !important;
|
||||
}
|
||||
|
||||
.wcFrame > .wcFrameEdgeH {
|
||||
box-shadow: 1px 0px 0px 0px #888888;
|
||||
}
|
||||
|
||||
.wcFrameEdgeH {
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
.wcFrameEdgeV {
|
||||
width: 6px;
|
||||
}
|
||||
.wcFrameCornerNW,
|
||||
.wcFrameCornerNE {
|
||||
height: 6px;
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
.wcSplitterBar {
|
||||
border: 1px solid #aaaaaa;
|
||||
background-color: #dddddd;
|
||||
}
|
||||
|
||||
.wcSplitterBarV {
|
||||
border-left: 3px solid #dddddd;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
.wcSplitterBarH {
|
||||
border-top: 3px solid #dddddd;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.wcPanelTab {
|
||||
color: #337ab7;
|
||||
background-color: #e6e6e6;
|
||||
border: 0px;
|
||||
border-radius: 4px 4px 0px 0px;
|
||||
border-bottom: 0px;
|
||||
margin-right: 1px;
|
||||
margin-top: 10px;
|
||||
font-size: 13px;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.wcPanelTab:hover {
|
||||
background-color: #eeeeee;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.wcPanelTabActive {
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
margin-top: 5px;
|
||||
line-height: 30px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.wcFloating .wcPanelTabActive {
|
||||
background-color: #2C76B4;
|
||||
margin-top: -2px;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.wcFloating .wcPanelTabActive:hover {
|
||||
background-color: #74B5ED;
|
||||
}
|
||||
|
||||
.wcGhost {
|
||||
background-color: #74B5ED;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
/*
|
||||
::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-corner {
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 10px;
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.7);
|
||||
}
|
||||
*/
|
||||
|
||||
.wcMenuList, .context-menu-list {
|
||||
border: 1px solid #dddddd;
|
||||
z-index: 999 !important;
|
||||
background: #dddddd;
|
||||
}
|
||||
|
||||
.wcMenuItem, .context-menu-item {
|
||||
background-color: #dddddd;
|
||||
}
|
||||
|
||||
.wcMenuItemHover, .wcMenuItem:hover, .context-menu-item.hover {
|
||||
background-color: #bbbbbb;
|
||||
}
|
||||
|
||||
.wcMenuItem.disabled, .context-menu-item.disabled {
|
||||
color: #311;
|
||||
background-color: #aaaaaa;
|
||||
}
|
||||
|
||||
.wcMenuSeparator, .context-menu-separator {
|
||||
border: 2px solid #dddddd;
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
|
||||
.wcInput, input {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.wcSelect, select {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.wcButton, button {
|
||||
border: 1px outset #A44;
|
||||
background-color: #A44;
|
||||
}
|
||||
|
||||
.wcButtonHover, .wcButton:hover {
|
||||
border: 1px outset #B66;
|
||||
background-color: #B66;
|
||||
}
|
||||
|
||||
.wcButtonActive, .wcButton:active {
|
||||
border: 1px inset #B66;
|
||||
background-color: #B66;
|
||||
}
|
||||
|
||||
.wcButtonActive.wcButtonHover, .wcButton:hover.wcButtonActive, .wcButton:active.wcButtonHover, .wcButton:active:hover {
|
||||
border: 1px inset #C88;
|
||||
background-color: #C88;
|
||||
}
|
||||
|
||||
.wcButtonDisabled, .wcButton.disabled {
|
||||
border: 1px outset #933 !important;
|
||||
background-color: #933 !important;
|
||||
color: #533 !important;
|
||||
}
|
||||
|
||||
.wcLayout, .wcLayout tr, .wcLayout td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.wcPanelTab > div > .wcTabIcon {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
padding-left: 20px;
|
||||
margin-top: -5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.wcPanelTab > div .wcTabIcon.fa {
|
||||
padding-left: 0px !important;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.wcTabIcon.fa {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.wcFrameTitleBar {
|
||||
background-color: #e8e8e8;
|
||||
height: 35px;
|
||||
border-bottom: #cccccc;
|
||||
}
|
||||
|
||||
.wcFloating .wcFrameTitleBar {
|
||||
border-bottom: 2px solid darkgray;
|
||||
background-color: #2C76B4;
|
||||
}
|
||||
|
||||
.wcFloating .wcFrameTitleBar > div .wcTabIcon.fa {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.wcFrameButtonBar {
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
}
|
||||
.context-menu-list {
|
||||
font-family: 'Open Sans';;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.context-menu-icon:before {
|
||||
color: #222;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.context-menu-icon-fa:before {
|
||||
font-family: 'FontAwesome'
|
||||
}
|
||||
|
||||
.context-menu-item {
|
||||
display:block;
|
||||
font-family: 'Open Sans';
|
||||
font-size: 13px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.context-menu-list {
|
||||
padding: 2px 0;
|
||||
width: initial !important;
|
||||
}
|
||||
|
||||
.context-menu-list > .context-menu-item {
|
||||
display:block !important;
|
||||
}
|
||||
|
||||
.context-menu-list > .context-menu-separator {
|
||||
margin: 0;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
.context-menu-icon-wcTabIcon {
|
||||
text-align: left;
|
||||
padding: 3px 28px;
|
||||
height: auto;
|
||||
background-position: 5px 50%;
|
||||
}
|
||||
|
||||
ul.dropdown-menu > li.menu-item > a > i.wcTabIcon {
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
.wcFrameButton .fa.fa-close {
|
||||
margin-top: 3.5px;
|
||||
padding-left: 1px;
|
||||
}
|
||||
|
||||
span.fa.fa-arrow-left, .fa-arrow-right {
|
||||
margin-top: 4px;
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
.wcMenuSubMenu {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
i.wcTabIcon {
|
||||
min-width: 20px;
|
||||
}
|
||||
|
||||
.wcLoadingBackground {
|
||||
background: black;
|
||||
opacity: 0.6 !important;
|
||||
}
|
||||
|
||||
.wcLoadingIcon.fa-spinner {
|
||||
position: absolute;
|
||||
top: 34%;
|
||||
left: 48%;
|
||||
font-size: 50px;
|
||||
color: #ccc;
|
||||
height: 49px !important;
|
||||
}
|
||||
|
||||
.wcLoadingLabel {
|
||||
top: 40%;
|
||||
left: 0;
|
||||
color: #fff;
|
||||
width: 100%;
|
||||
font-size: 20px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wcPanelTab > div {
|
||||
display: inline-block;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
max-width: 125px;
|
||||
}
|
||||
|
||||
.wcPanelTabActive > div {
|
||||
width: auto !important;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.wcFrameTitleBar.wcTabTop .wcFrameButtonBar {
|
||||
right: 30px !important;
|
||||
}
|
||||
|
||||
.wcFloating .wcPanelTab .wcTabIcon {
|
||||
display: block;
|
||||
float: left;
|
||||
margin-top: 8px;
|
||||
border-radius: 2px;
|
||||
padding: 0px 13px 5px 5px;
|
||||
background-color: white;
|
||||
background-size: 18px !important;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user