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
@@ -34,9 +34,7 @@ class BGProcessModule(PgAdminModule):
|
||||
Returns:
|
||||
list: the stylesheets used by this module.
|
||||
"""
|
||||
stylesheets = [
|
||||
url_for('bgprocess.static', filename='css/bgprocess.css')
|
||||
]
|
||||
stylesheets = []
|
||||
return stylesheets
|
||||
|
||||
def get_exposed_url_endpoints(self):
|
||||
|
||||
@@ -2,36 +2,11 @@
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
.ajs-bg-bgprocess > .pg-bg-bgprocess {
|
||||
background-color: #2C76B4;
|
||||
color: #FFFFFF;
|
||||
padding: 0px;
|
||||
border-radius: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.ajs-bg-bgprocess .col-xs-12 {
|
||||
padding-right: 5px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.ajs-bg-bgprocess > .pg-bg-bgprocess > .pg-bg-notify-header {
|
||||
background-color: #333;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 5px;
|
||||
padding: 5px;
|
||||
padding-right: 20px;
|
||||
white-space: pre-wrap;
|
||||
text-align: center;
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
|
||||
.ajs-bg-bgprocess > .pg-bg-bgprocess > .pg-bg-notify-body {
|
||||
font-family: "Source Code Pro";
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.ajs-bg-bgprocess > .pg-bg-bgprocess > .pg-bg-status {
|
||||
padding: 2px;
|
||||
margin: 5px;
|
||||
@@ -50,61 +25,11 @@
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
.pg-bg-etime {
|
||||
width: 100%;
|
||||
display: block;
|
||||
font-size: 95%;
|
||||
padding: 5px;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: baseline;
|
||||
border-radius: .25em;
|
||||
background-color: #E2E2E2;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.pg-bg-click {
|
||||
color: #E2E2E2;
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.pg-bg-click:hover {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.ajs-bg-bgprocess > .pg-bg-bgprocess > .pg-bg-status.bg-success,
|
||||
.bg-process-status .bg-bgprocess-success {
|
||||
color: green;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.bg-process-status .bg-bgprocess-failed {
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ajs-bg-bgprocess > .pg-bg-bgprocess > .pg-bg-status.bg-failed {
|
||||
color: black;
|
||||
background-color: #E99595;
|
||||
}
|
||||
|
||||
.pg-bg-cmd {
|
||||
color: #4156CC;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.pg-panel-content div.bg-process-watcher.col-xs-12 {
|
||||
height: 100%;
|
||||
padding: 0px 0px 0px 0px;
|
||||
WebkitTransition: all 1s;
|
||||
transition: all 1s;
|
||||
background-color: #D9EDF7;
|
||||
}
|
||||
|
||||
ol.pg-bg-process-logs {
|
||||
padding: 5px 10px 5px 60px;
|
||||
height: 100%;
|
||||
@@ -119,21 +44,6 @@ ol.pg-bg-process-logs {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
.pg-bg-res-out {
|
||||
color: #337AB7;
|
||||
}
|
||||
|
||||
.pg-bg-res-err {
|
||||
color: rgba(212, 27, 57, 0.81);
|
||||
}
|
||||
|
||||
.pg-panel-content .bg-process-details {
|
||||
padding: 10px 15px;
|
||||
min-height: 70px;
|
||||
color: #000;
|
||||
background-color: #E2E2E2;
|
||||
}
|
||||
|
||||
.pg-panel-content .bg-process-stats p{
|
||||
display: inline;
|
||||
padding-left: 5px;
|
||||
@@ -141,24 +51,12 @@ ol.pg-bg-process-logs {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.pg-panel-content .bg-process-footer {
|
||||
border-top: 1px solid #ccc;
|
||||
padding: 10px 15px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
background-color: #E2E2E2;
|
||||
}
|
||||
|
||||
.pg-panel-content .bg-process-footer p {
|
||||
display: inline;
|
||||
padding-left: 5px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.pg-panel-content .bg-process-footer b, .bg-process-stats span b {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.bg-process-footer .bg-process-status {
|
||||
padding-left: 0;
|
||||
}
|
||||
@@ -173,21 +71,6 @@ ol.pg-bg-process-logs {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.pg-bg-bgprocess .bg-close {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
height: 25px;
|
||||
width: 25px;
|
||||
right: -12px;
|
||||
top: 3px;
|
||||
padding: 2px;
|
||||
border: 2px solid #1f5fa6;
|
||||
border-radius: 4px;
|
||||
opacity: 0.5;
|
||||
background-color: white;
|
||||
color: red;
|
||||
}
|
||||
|
||||
.pg-bg-bgprocess:hover .bg-close {
|
||||
opacity: 0.95;
|
||||
}
|
||||
|
||||
117
web/pgadmin/misc/bgprocess/static/scss/_bgprocess.scss
Normal file
117
web/pgadmin/misc/bgprocess/static/scss/_bgprocess.scss
Normal file
@@ -0,0 +1,117 @@
|
||||
.ajs-bg-bgprocess > .pg-bg-bgprocess {
|
||||
background-color: $color-primary;
|
||||
color: $color-fg-inverse;
|
||||
padding: 0px;
|
||||
border-radius: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.ajs-bg-bgprocess > .pg-bg-bgprocess > .pg-bg-notify-header {
|
||||
background-color: $color-gray-dark;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 5px;
|
||||
padding: 5px;
|
||||
padding-right: 20px;
|
||||
white-space: pre-wrap;
|
||||
text-align: center;
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
|
||||
.ajs-bg-bgprocess > .pg-bg-bgprocess > .pg-bg-notify-body {
|
||||
font-family: $font-family-editor;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.pg-bg-etime {
|
||||
width: 100%;
|
||||
display: block;
|
||||
font-size: 95%;
|
||||
padding: 5px;
|
||||
font-weight: bold;
|
||||
color: $color-fg;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: baseline;
|
||||
border-radius: .25em;
|
||||
background-color: $color-gray-lighter;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.pg-bg-click {
|
||||
color: $color-gray-lighter;
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.pg-bg-click:hover {
|
||||
color: $color-gray-dark;
|
||||
}
|
||||
|
||||
.ajs-bg-bgprocess > .pg-bg-bgprocess > .pg-bg-status.bg-success,
|
||||
.bg-process-status .bg-bgprocess-success {
|
||||
color: $color-success-light;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.bg-process-status .bg-bgprocess-failed {
|
||||
color: $color-danger;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ajs-bg-bgprocess > .pg-bg-bgprocess > .pg-bg-status.bg-failed {
|
||||
color: $color-fg;
|
||||
background-color: $color-danger-light;
|
||||
}
|
||||
|
||||
.pg-panel-content div.bg-process-watcher.col-xs-12 {
|
||||
height: 100%;
|
||||
padding: 0px 0px 0px 0px;
|
||||
WebkitTransition: all 1s;
|
||||
transition: all 1s;
|
||||
background-color: $color-primary-lighter;
|
||||
}
|
||||
|
||||
.pg-bg-res-out {
|
||||
color: $color-primary;
|
||||
}
|
||||
|
||||
.pg-bg-res-err {
|
||||
color: rgba($color-danger, 0.81);
|
||||
}
|
||||
|
||||
.pg-panel-content .bg-process-details {
|
||||
padding: 10px 15px;
|
||||
min-height: 70px;
|
||||
color: $color-fg;
|
||||
background-color: $color-gray-lighter;
|
||||
}
|
||||
|
||||
|
||||
.pg-panel-content .bg-process-footer {
|
||||
border-top: 1px solid $color-gray-light;
|
||||
padding: 10px 15px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
background-color: $color-gray-lighter;
|
||||
}
|
||||
|
||||
.pg-panel-content .bg-process-footer b, .bg-process-stats span b {
|
||||
color: $color-gray-dark;
|
||||
}
|
||||
|
||||
.pg-bg-bgprocess .bg-close {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
height: 25px;
|
||||
width: 25px;
|
||||
right: -12px;
|
||||
top: 3px;
|
||||
padding: 2px;
|
||||
border: 2px solid $color-primary;
|
||||
border-radius: 4px;
|
||||
opacity: 0.5;
|
||||
background-color: $color-bg;
|
||||
color: $color-danger;
|
||||
}
|
||||
Reference in New Issue
Block a user