mirror of
https://github.com/goharbor/harbor.git
synced 2024-11-25 11:46:43 +01:00
Add style lint and add code lint to the pipeline (#16954)
Signed-off-by: AllForNothing <sshijun@vmware.com>
This commit is contained in:
Shijun Sun
GitHub
parent
a5d79a859c
commit
eee72e2354
14
src/portal/.stylelintrc.json
Normal file
14
src/portal/.stylelintrc.json
Normal file
@ -0,0 +1,14 @@
|
||||
{
|
||||
"extends": [
|
||||
"stylelint-config-standard",
|
||||
"stylelint-config-prettier",
|
||||
"stylelint-config-standard-scss",
|
||||
"stylelint-config-prettier-scss"
|
||||
],
|
||||
"rules": {
|
||||
"selector-pseudo-element-no-unknown": [true, {
|
||||
"ignorePseudoElements": ["ng-deep"]
|
||||
}],
|
||||
"no-empty-source": null
|
||||
}
|
||||
}
|
||||
@ -132,6 +132,11 @@
|
||||
"prettier-eslint": "^14.0.2",
|
||||
"eslint-config-prettier": "^8.5.0",
|
||||
"eslint-plugin-prettier": "^4.0.0",
|
||||
"stylelint": "^14.8.5",
|
||||
"stylelint-config-prettier": "^9.0.3",
|
||||
"stylelint-config-prettier-scss": "^0.0.1",
|
||||
"stylelint-config-standard": "^25.0.0",
|
||||
"stylelint-config-standard-scss": "^4.0.0",
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
@ -159,8 +159,10 @@
|
||||
"lint": {
|
||||
"builder": "@angular-eslint/builder:lint",
|
||||
"options": {
|
||||
"tsConfig": [],
|
||||
"exclude": []
|
||||
"lintFilePatterns": [
|
||||
"e2e/**/*.ts",
|
||||
"e2e/**/*.html"
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -14,8 +14,8 @@
|
||||
import { ClaritySeedAppHome } from './app.po';
|
||||
|
||||
fdescribe('harbor-portal app', function () {
|
||||
|
||||
let expectedMsg: string = 'This is a Clarity seed application. This is the default page that loads for the application.';
|
||||
let expectedMsg: string =
|
||||
'This is a Clarity seed application. This is the default page that loads for the application.';
|
||||
|
||||
let page: ClaritySeedAppHome;
|
||||
|
||||
|
||||
@ -13,9 +13,7 @@
|
||||
// limitations under the License.
|
||||
import { browser, element, by } from 'protractor';
|
||||
|
||||
|
||||
export class ClaritySeedAppHome {
|
||||
|
||||
navigateTo() {
|
||||
return browser.get('/');
|
||||
}
|
||||
|
||||
7657
src/portal/package-lock.json
generated
7657
src/portal/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -9,6 +9,8 @@
|
||||
"start:prod": "node --max_old_space_size=2048 ./node_modules/@angular/cli/bin/ng serve --ssl true --host 0.0.0.0 --proxy-config proxy.config.json --configuration production",
|
||||
"lint": "ng lint",
|
||||
"lint_fix": "ng lint --fix",
|
||||
"lint:style": "npx stylelint \"**/*.scss\"",
|
||||
"lint_fix:style": "npx stylelint \"**/*.scss\" --fix",
|
||||
"test": "node --max_old_space_size=2048 ./node_modules/@angular/cli/bin/ng test --code-coverage",
|
||||
"test:watch": "ng test --code-coverage --watch",
|
||||
"test:debug": "ng test --code-coverage --source-map false",
|
||||
@ -80,7 +82,13 @@
|
||||
"ng-swagger-gen": "^1.8.1",
|
||||
"prettier": "^2.6.2",
|
||||
"prettier-eslint": "^14.0.2",
|
||||
"prettier-stylelint": "^0.4.2",
|
||||
"protractor": "^7.0.0",
|
||||
"stylelint": "^14.8.5",
|
||||
"stylelint-config-prettier": "^9.0.3",
|
||||
"stylelint-config-prettier-scss": "^0.0.1",
|
||||
"stylelint-config-standard": "^25.0.0",
|
||||
"stylelint-config-standard-scss": "^4.0.0",
|
||||
"typescript": "~4.5.4"
|
||||
}
|
||||
}
|
||||
|
||||
@ -19,10 +19,11 @@
|
||||
position: relative;
|
||||
top: -9px;
|
||||
}
|
||||
|
||||
.bg{
|
||||
position: absolute;
|
||||
top: 60px;
|
||||
right: 0px;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-size: cover;
|
||||
@ -30,10 +31,12 @@
|
||||
|
||||
.login-wrapper {
|
||||
flex-wrap: wrap;
|
||||
|
||||
.login {
|
||||
background:transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.reset-label {
|
||||
font-size:inherit;
|
||||
color:inherit;
|
||||
@ -45,11 +48,13 @@
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.pw-eye {
|
||||
margin-left: -20px;
|
||||
margin-right: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.pwd-input {
|
||||
padding-right: 26px;
|
||||
}
|
||||
@ -59,13 +64,16 @@
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.divider {
|
||||
margin: 0;
|
||||
width: 8.5rem;
|
||||
}
|
||||
/* stylelint-disable no-descending-specificity */
|
||||
.login {
|
||||
padding-bottom: 180px;
|
||||
}
|
||||
|
||||
.back-icon {
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
@ -75,18 +83,22 @@
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.margin-left-3 {
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
top: 10rem
|
||||
}
|
||||
|
||||
.login-group {
|
||||
width: 70%;
|
||||
position: absolute;
|
||||
top: 10rem
|
||||
}
|
||||
|
||||
.more-info {
|
||||
text-align: right;
|
||||
padding-top: 2rem;
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
.repo-wrapper {
|
||||
margin-left: 48px;
|
||||
margin-right: 48px;
|
||||
|
||||
.pop-repos {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
@ -1,12 +0,0 @@
|
||||
// Copyright Project Harbor Authors
|
||||
// This software is released under MIT license.
|
||||
// The full license information can be found in LICENSE in the root directory of this project.
|
||||
.clr-icon {
|
||||
&.clr-clarity-logo {
|
||||
background-image: url(../images/clarity_logo.svg);
|
||||
}
|
||||
}
|
||||
|
||||
.alert-icon-wrapper{
|
||||
display: inline;
|
||||
}
|
||||
@ -2,6 +2,7 @@ clr-modal {
|
||||
::ng-deep div.modal-dialog {
|
||||
width: unset;
|
||||
}
|
||||
|
||||
.rename-tool {
|
||||
.btn {
|
||||
margin-right: 6px;
|
||||
@ -9,26 +10,33 @@ clr-modal {
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
}
|
||||
|
||||
position: relative;
|
||||
bottom: 9px;
|
||||
}
|
||||
|
||||
.label-inner-text{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.cli-secret {
|
||||
align-items: center;
|
||||
|
||||
.reset-cli {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.btn-padding-less {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.input-cli {
|
||||
width: 9.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.hidden-generate-cli {
|
||||
font-size: 30px;
|
||||
color: grey;
|
||||
@ -37,21 +45,27 @@ clr-modal {
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.reset-cli-form {
|
||||
width: 19.5rem;
|
||||
}
|
||||
|
||||
.display-flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.set-btns {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
:host::ng-deep.upload-secret {
|
||||
width: 24.5rem;
|
||||
}
|
||||
|
||||
.pwd-input {
|
||||
padding-right: 26px;
|
||||
}
|
||||
|
||||
.pw-eye {
|
||||
margin-left: -20px;
|
||||
margin-right: 8px;
|
||||
|
||||
@ -17,10 +17,12 @@
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
}
|
||||
/* stylelint-disable */
|
||||
.batchInfoUl{
|
||||
padding: 20px; list-style-type: none;
|
||||
}
|
||||
.batchInfoUl li {line-height: 24px;border-bottom: 1px solid #e8e8e8;}
|
||||
|
||||
.batchInfoUl li span:first-child {padding-right: 20px; width: 240px; display: inline-block; color:#666;
|
||||
text-overflow: ellipsis; overflow: hidden; vertical-align: middle;}
|
||||
.batchInfoUl li span:last-child {width: 220px; display: inline-block; color:#666;}
|
||||
|
||||
@ -1,16 +1,17 @@
|
||||
.side-nav-override {
|
||||
box-shadow: 6px 0px 0px 0px #ccc;
|
||||
box-shadow: 6px 0 0 0 #ccc;
|
||||
}
|
||||
|
||||
.container-override {
|
||||
position: relative !important;
|
||||
}
|
||||
|
||||
.content-container{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.start-content-padding {
|
||||
padding: 0px !important;
|
||||
padding: 0 !important;
|
||||
background-color: white;
|
||||
overflow-y: hidden !important;
|
||||
}
|
||||
@ -33,6 +34,7 @@ clr-vertical-nav {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.font-size-13 {
|
||||
font-size: 13px;
|
||||
}
|
||||
@ -45,27 +47,34 @@ clr-vertical-nav {
|
||||
color: #fff;
|
||||
align-items: center;
|
||||
font-size: 0.5rem;
|
||||
|
||||
a {
|
||||
cursor: pointer;
|
||||
text-decoration: #bababa underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
a:hover, a:visited, a:link {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.all-scanners {
|
||||
margin-right: 1.5rem;
|
||||
}
|
||||
|
||||
.close-icon {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.ml-05 {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@ -1,11 +1,12 @@
|
||||
.history-header {
|
||||
margin:20px 0 6px 0;
|
||||
margin:20px 0 6px;
|
||||
display: inline-block;
|
||||
width: 97%;
|
||||
}
|
||||
|
||||
.refresh-btn {
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
color: #007CBB;
|
||||
}
|
||||
|
||||
@ -20,16 +20,20 @@
|
||||
.font-weight-400 {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.center {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.mt-08 {
|
||||
margin-top: 0.8rem;
|
||||
}
|
||||
|
||||
.unit-select {
|
||||
padding-top: 1px;
|
||||
margin-left: 2rem;
|
||||
|
||||
@ -1,11 +1,12 @@
|
||||
.history-header {
|
||||
margin:20px 0 6px 0;
|
||||
margin:20px 0 6px;
|
||||
display: inline-block;
|
||||
width: 97%;
|
||||
}
|
||||
|
||||
.refresh-btn {
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
color: #007CBB;
|
||||
}
|
||||
|
||||
@ -25,6 +25,7 @@
|
||||
font-weight: 100;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.center {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
@ -1,14 +1,17 @@
|
||||
|
||||
.oidc-tip {
|
||||
color: rgb(10, 10, 10);
|
||||
color: rgb(10 10 10);
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.more-info-link {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
.ml-04 {
|
||||
margin-left: 0.4rem;
|
||||
}
|
||||
|
||||
.clr-control-label {
|
||||
width: 10.6rem !important;
|
||||
}
|
||||
|
||||
@ -5,9 +5,11 @@
|
||||
.tooltip-position {
|
||||
top: -7px;
|
||||
}
|
||||
|
||||
.clr-form-control-disabled {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.v-mid {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
@ -4,24 +4,30 @@
|
||||
width: 14rem;
|
||||
}
|
||||
}
|
||||
|
||||
.flex-direction-column {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom-line {
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
.expire-data {
|
||||
min-width: 12.5rem;
|
||||
margin-top: -1rem;
|
||||
}
|
||||
|
||||
.position-relative {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pl-05 {
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
|
||||
.mt-1 {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
@ -33,6 +39,7 @@
|
||||
.font-size-13 {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.mt-05 {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
@ -52,6 +59,7 @@
|
||||
height: 224px;
|
||||
width: 222px;
|
||||
overflow-y: auto;
|
||||
|
||||
li {
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
@ -82,7 +90,7 @@
|
||||
.add-modal {
|
||||
position: absolute;
|
||||
padding: 0 8px;
|
||||
background-color: rgb(238, 238, 238);
|
||||
background-color: rgb(238 238 238);
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
|
||||
@ -9,24 +9,30 @@
|
||||
width: 14rem;
|
||||
}
|
||||
}
|
||||
|
||||
.flex-direction-column {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom-line {
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
.expire-data {
|
||||
min-width: 12.5rem;
|
||||
margin-top: -1rem;
|
||||
}
|
||||
|
||||
.position-relative {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pl-05 {
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
|
||||
.mt-1 {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
@ -38,6 +44,7 @@
|
||||
.font-size-13 {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.mt-05 {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
@ -57,6 +64,7 @@
|
||||
height: 224px;
|
||||
width: 222px;
|
||||
overflow-y: auto;
|
||||
|
||||
li {
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
@ -87,7 +95,7 @@
|
||||
.add-modal {
|
||||
position: absolute;
|
||||
padding: 0 8px;
|
||||
background-color: rgb(238, 238, 238);
|
||||
background-color: rgb(238 238 238);
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
@ -98,6 +106,7 @@
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.hand{
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
@ -105,6 +114,7 @@
|
||||
|
||||
.cert-down-label {
|
||||
position: relative;
|
||||
|
||||
.cert-down {
|
||||
position: absolute;
|
||||
left: 240px;
|
||||
@ -112,6 +122,7 @@
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
.info-tips-icon {
|
||||
color: grey;
|
||||
}
|
||||
@ -133,16 +144,20 @@
|
||||
.replication-tooltip {
|
||||
top: -8px;
|
||||
}
|
||||
|
||||
.margin-top-3px {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.clr-input {
|
||||
width: 12rem;
|
||||
}
|
||||
|
||||
.pro-creation {
|
||||
width: 12rem;
|
||||
}
|
||||
|
||||
@ -1,5 +1,7 @@
|
||||
@import "../base";
|
||||
|
||||
$refrsh-btn-color: #007CBB;
|
||||
|
||||
.refresh-btn {
|
||||
@include refresh-button
|
||||
}
|
||||
@ -22,12 +24,15 @@ $refrsh-btn-color: #007CBB;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.no-wrapper {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.margin-top-5px {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.height-24 {
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
.display-none {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.width-280 {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
@ -35,13 +35,14 @@
|
||||
.hide-create {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
/* stylelint-disable */
|
||||
.rightPos {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
height:32px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.relative {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@ -10,11 +10,12 @@
|
||||
}
|
||||
|
||||
.role-label {
|
||||
color: #CCCCCC;
|
||||
color: #CCC;
|
||||
font-size: 14px;
|
||||
font-style: italic;
|
||||
letter-spacing: 0.01em;
|
||||
}
|
||||
/* stylelint-disable */
|
||||
.backStyle{
|
||||
color: #007cbb;
|
||||
font-size: 12px;
|
||||
|
||||
@ -4,25 +4,32 @@
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.refresh-btn {
|
||||
cursor: pointer;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.margin-left-5 {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.width-240 {
|
||||
min-width: 240px !important;
|
||||
}
|
||||
|
||||
.margin-top-0 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.margin-top-2 {
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.margin-left-10 {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.doc {
|
||||
font-size: 0.7rem;
|
||||
}
|
||||
|
||||
@ -1,9 +1,11 @@
|
||||
.width-280 {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
.color-57{
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
.padding-top-3 {
|
||||
padding-top: 3px;
|
||||
}
|
||||
@ -1,5 +1,5 @@
|
||||
.form-group-override {
|
||||
padding-left: 0px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
.vertical-center {
|
||||
@ -24,45 +24,55 @@
|
||||
|
||||
.clr-dropdown-override {
|
||||
margin-top: -8px;
|
||||
|
||||
.dropdown-namespace {
|
||||
min-width: 300px;
|
||||
|
||||
.namespace {
|
||||
margin-left: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button-group {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.btn-scan-right {
|
||||
button{
|
||||
width: 160px;
|
||||
margin-bottom: 0px;
|
||||
margin-bottom: 0;
|
||||
margin-top: 41px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.update-time {
|
||||
font-size: .541667rem;
|
||||
font-size: .5417rem;
|
||||
width: 200px;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.font-style {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.margin-left-5 {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.margin-top-16px {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.v-mid {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.flex-200 {
|
||||
flex: 0 0 200px;
|
||||
}
|
||||
|
||||
.total {
|
||||
text-align: right;
|
||||
line-height: 15px;
|
||||
@ -71,44 +81,56 @@
|
||||
margin-top: 7px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.info {
|
||||
height: 18px;
|
||||
line-height: 18px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.container {
|
||||
height: 18px;
|
||||
display: flex;
|
||||
background-color:#eee;
|
||||
}
|
||||
|
||||
.state {
|
||||
flex: 1;
|
||||
padding-left: 3px;
|
||||
}
|
||||
|
||||
.value {
|
||||
flex: 3;
|
||||
}
|
||||
|
||||
.float-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.display-flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.error {
|
||||
background-color: #e62700;
|
||||
}
|
||||
|
||||
.finished {
|
||||
background-color: #62a420;
|
||||
}
|
||||
|
||||
.in-progress {
|
||||
background-color: #0079b8;
|
||||
}
|
||||
|
||||
.abort {
|
||||
background-color: #cccc15;
|
||||
}
|
||||
|
||||
.badge {
|
||||
min-width: 30px;
|
||||
}
|
||||
|
||||
.info-tips-icon {
|
||||
color: grey;
|
||||
}
|
||||
@ -130,6 +152,7 @@
|
||||
.replication-tooltip {
|
||||
top: -8px;
|
||||
}
|
||||
|
||||
.margin-top-3px {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
.h2-log-override {
|
||||
margin-top: 0px !important;
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.action-head-pos {
|
||||
@ -19,7 +19,7 @@
|
||||
}
|
||||
|
||||
.custom-lines-button {
|
||||
padding: 0px !important;
|
||||
padding: 0 !important;
|
||||
min-width: 25px !important;
|
||||
}
|
||||
|
||||
@ -44,7 +44,7 @@
|
||||
top: 8px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* stylelint-disable */
|
||||
.rightPos {
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
|
||||
@ -7,11 +7,14 @@
|
||||
padding-top: 0.8rem;
|
||||
overflow-y: visible;
|
||||
overflow-x: visible;
|
||||
|
||||
.body-label {
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
.clr-form {
|
||||
padding-left: 0;
|
||||
|
||||
.left-label {
|
||||
width: 11.5rem;
|
||||
font-weight: 100;
|
||||
@ -50,7 +53,7 @@
|
||||
}
|
||||
|
||||
.quota-input {
|
||||
margin-left: 0rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.select-div {
|
||||
@ -62,9 +65,11 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
select {
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
.progress-block {
|
||||
width: 8rem;
|
||||
}
|
||||
@ -85,7 +90,7 @@ select {
|
||||
font-weight: 100;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
/* stylelint-disable */
|
||||
::ng-deep {
|
||||
.clr-error {
|
||||
.clr-validate-icon {
|
||||
|
||||
@ -5,6 +5,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
|
||||
|
||||
.width-10rem {
|
||||
width: 15rem;
|
||||
font-size: 15px;
|
||||
@ -23,6 +24,7 @@
|
||||
.pt-19px {
|
||||
padding-top: 19px;
|
||||
}
|
||||
|
||||
.font-size-13 {
|
||||
font-size: 13px;
|
||||
}
|
||||
@ -64,6 +66,7 @@
|
||||
background-color: orange;
|
||||
}
|
||||
}
|
||||
/* stylelint-disable */
|
||||
&>progress {
|
||||
height: 75%;
|
||||
}
|
||||
@ -77,12 +80,14 @@
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.search {
|
||||
align-items: baseline;
|
||||
padding-top: 0.2rem;
|
||||
justify-content: flex-end;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
|
||||
:host::ng-deep {
|
||||
.filter-input {
|
||||
width: 210px;
|
||||
|
||||
@ -11,42 +11,53 @@
|
||||
.pos-inherit {
|
||||
position: inherit;
|
||||
}
|
||||
|
||||
.clr-error {
|
||||
.clr-select-wrapper::after {
|
||||
right: 0.25rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
.input-width {
|
||||
width: 242px;
|
||||
}
|
||||
|
||||
.mt-02 {
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
|
||||
.width-164 {
|
||||
width: 164px;
|
||||
}
|
||||
|
||||
.endpoint {
|
||||
display: inline-block;
|
||||
width: 72px;
|
||||
}
|
||||
|
||||
.display-none {
|
||||
display: none
|
||||
}
|
||||
|
||||
.space-between {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.go-link {
|
||||
line-height: 1rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.alert-label {
|
||||
color:red;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.width-182 {
|
||||
width: 182px;
|
||||
}
|
||||
|
||||
.mt-05 {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
@import "../../../shared/mixin";
|
||||
|
||||
.header-title {
|
||||
margin-bottom: -34px;
|
||||
}
|
||||
@ -19,8 +20,10 @@
|
||||
.refresh-btn:hover {
|
||||
color: #007CBB;
|
||||
}
|
||||
/* stylelint-disable */
|
||||
.rightPos {
|
||||
@include grid-right-top-pos;
|
||||
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
@ -28,6 +31,7 @@
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.position-r{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@ -2,31 +2,38 @@
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.card{
|
||||
width: 10rem;
|
||||
margin-right: 0.5rem;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.flex-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.font-weight-700 {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.storage-used {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.size-number {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.margin-right-5px {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
@ -6,13 +6,15 @@
|
||||
.form-height {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
/* stylelint-disable */
|
||||
.inputWidth {
|
||||
width: 216px;
|
||||
}
|
||||
|
||||
.display-none {
|
||||
display: none
|
||||
}
|
||||
|
||||
.selectBox{
|
||||
position: absolute;
|
||||
width: 173px;
|
||||
@ -22,11 +24,13 @@
|
||||
border-right-width: 2px;
|
||||
border-bottom-width: 2px;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 5px 10px rgba(0,0,0,.2);
|
||||
box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
|
||||
z-index: 100;
|
||||
|
||||
ul {
|
||||
overflow-y: auto;
|
||||
max-height: 260px;
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
padding: 0 18px;
|
||||
@ -34,6 +38,7 @@
|
||||
line-height: 18px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
li:hover {
|
||||
color: #262626;
|
||||
background-image: linear-gradient(180deg,#f5f5f5 0,#e8e8e8);
|
||||
@ -41,29 +46,35 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.position-relative {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.overflow-visible {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.down {
|
||||
position: absolute;
|
||||
top: .2916665rem;
|
||||
top: .2917rem;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
color: rgb(164,164,164);
|
||||
color: rgb(164 164 164);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.endpoint-input {
|
||||
padding-right: 21px;
|
||||
}
|
||||
|
||||
.destination-insecure-label {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.hidden{
|
||||
display:none;
|
||||
}
|
||||
@ -14,7 +14,7 @@
|
||||
.refresh-btn:hover {
|
||||
color: #007CBB;
|
||||
}
|
||||
|
||||
/* stylelint-disable */
|
||||
.rightPos {
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
@ -30,9 +30,11 @@
|
||||
.flex-min-width {
|
||||
min-width: 180px;
|
||||
}
|
||||
|
||||
.margin-right-2px {
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.content-top {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
@ -1,3 +1,4 @@
|
||||
/* stylelint-disable */
|
||||
.select .optionMore {
|
||||
background-color: #bfbaba;
|
||||
height: 1.6em;
|
||||
@ -81,11 +82,11 @@ h4 {
|
||||
margin-top: -0.25rem;
|
||||
border: 1px solid #ccc;
|
||||
background-color: white;
|
||||
border: 1px solid rgba(0, 0, 0, .15);
|
||||
border: 1px solid rgb(0 0 0 / 15%);
|
||||
border-right-width: 2px;
|
||||
border-bottom-width: 2px;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
|
||||
box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
@ -110,6 +111,7 @@ h4 {
|
||||
font-size: 14px;
|
||||
width: 7rem;
|
||||
}
|
||||
|
||||
.radio {
|
||||
label {
|
||||
margin-right:10px;
|
||||
@ -145,6 +147,7 @@ clr-modal {
|
||||
line-height: 14px;
|
||||
color: red;
|
||||
}
|
||||
|
||||
.deletedDiv a{
|
||||
margin-left: 10px;
|
||||
text-decoration: underline;
|
||||
@ -182,6 +185,7 @@ clr-modal {
|
||||
|
||||
.override-box {
|
||||
flex-direction: row;
|
||||
|
||||
.override-tooltip {
|
||||
margin: 3px 0 0 5px;
|
||||
}
|
||||
@ -194,6 +198,7 @@ clr-modal {
|
||||
.cron-tooltip {
|
||||
color: gray;
|
||||
cursor: default;
|
||||
|
||||
.table-box {
|
||||
width: 20rem;
|
||||
}
|
||||
@ -202,9 +207,11 @@ clr-modal {
|
||||
.display-none{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.width-100 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.label-text {
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
@ -217,8 +224,9 @@ clr-modal {
|
||||
text-align: left;
|
||||
padding-left: 6px;
|
||||
outline: none;
|
||||
border-bottom: 1px solid rgb(154, 154, 154);
|
||||
border-bottom: 1px solid rgb(154 154 154);
|
||||
}
|
||||
|
||||
.ellipsis {
|
||||
margin-left: 0.2rem;
|
||||
font-size: 16px;
|
||||
@ -233,9 +241,11 @@ clr-modal {
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.sub-label {
|
||||
flex: 0 0 5rem;
|
||||
}
|
||||
|
||||
.clr-control-label {
|
||||
width: 8.6rem;
|
||||
}
|
||||
@ -264,31 +274,39 @@ clr-modal {
|
||||
.width-tag-label {
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
.right-align {
|
||||
min-width: 204px;
|
||||
overflow-y: auto;
|
||||
transform: translateX(-4.3rem) translateY(1.25rem)!important;
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
min-height: 26px;
|
||||
}
|
||||
|
||||
.no-labels {
|
||||
cursor: default;
|
||||
padding: 0 0.5rem;
|
||||
}
|
||||
|
||||
.unit {
|
||||
width: 4.18rem !important;
|
||||
}
|
||||
|
||||
.speed {
|
||||
width: 14rem;
|
||||
display: inline-block;
|
||||
|
||||
input {
|
||||
width: 12rem;
|
||||
}
|
||||
}
|
||||
|
||||
.unit-select {
|
||||
width: 3rem;
|
||||
}
|
||||
|
||||
.ml-10px {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
@ -5,12 +5,15 @@
|
||||
.text-alignment {
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
.min-width {
|
||||
width: 236px;
|
||||
}
|
||||
|
||||
.col-width {
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.status-width {
|
||||
width: 130px;
|
||||
}
|
||||
@ -18,6 +21,7 @@
|
||||
.icon-style {
|
||||
color: #C92100;
|
||||
}
|
||||
|
||||
.margin-right-2px {
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
@ -6,84 +6,105 @@
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.title-block {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
>div:first-child {
|
||||
min-width: 250px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
>div:nth-child(2) {
|
||||
width: 150px;
|
||||
|
||||
span {
|
||||
color: #007cbb;
|
||||
font-size: 12px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.id-divider {
|
||||
display: inline-block;
|
||||
height: 25px;
|
||||
width: 2px;
|
||||
background-color: #cccccc;
|
||||
margin: 0 20px -2px 20px;
|
||||
background-color: #ccc;
|
||||
margin: 0 20px -2px;
|
||||
}
|
||||
|
||||
.h2-style {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.execution-block {
|
||||
margin-top: 24px;
|
||||
display: flex;
|
||||
flex-wrap: row wrap;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.execution-detail-label {
|
||||
margin-right: 10px;
|
||||
text-align: left;
|
||||
|
||||
.detail-row {
|
||||
display: flex;
|
||||
height: 27px;
|
||||
|
||||
.common-style {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.num-success {
|
||||
background-color: #308700;
|
||||
}
|
||||
|
||||
.num-failed {
|
||||
background-color: #C92101;
|
||||
}
|
||||
|
||||
.num-progress {
|
||||
background-color: #1C5898;
|
||||
}
|
||||
|
||||
.num-stopped {
|
||||
background-color: #A1A1A1;
|
||||
}
|
||||
|
||||
.detail-span {
|
||||
flex:0 0 100px;
|
||||
margin: 10px 0 0 10px;
|
||||
}
|
||||
|
||||
.execution-details {
|
||||
width: 200px;
|
||||
margin: 8px 35px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.executions-detail {
|
||||
width: 400px;
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
width: 120px;
|
||||
}
|
||||
/* stylelint-disable */
|
||||
>div {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tasks-detail {
|
||||
margin-top: 65px;
|
||||
|
||||
.action-select {
|
||||
padding-right: 18px;
|
||||
height: 24px;
|
||||
@ -94,6 +115,7 @@
|
||||
float: left;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.refresh-btn {
|
||||
cursor: pointer;
|
||||
margin-top: 7px;
|
||||
@ -103,17 +125,21 @@
|
||||
color: #007CBB;
|
||||
}
|
||||
}
|
||||
|
||||
clr-datagrid {
|
||||
margin-top: 20px;
|
||||
|
||||
.resource-width {
|
||||
width: 150px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.margin-top-16px {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.button-stop {
|
||||
margin-top: 16px;
|
||||
margin-left: -5px;
|
||||
|
||||
@ -9,6 +9,7 @@
|
||||
.option-left {
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
.option-right {
|
||||
padding-right: 16px;
|
||||
}
|
||||
@ -19,22 +20,26 @@
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding-top: 25px;
|
||||
|
||||
.filter-tag {
|
||||
float: left;
|
||||
margin-top: 8px;
|
||||
|
||||
.clr-form-control {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.refresh-btn {
|
||||
cursor: pointer;
|
||||
margin-top: 7px;
|
||||
|
||||
&:hover {
|
||||
color: #007CBB;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* stylelint-disable */
|
||||
.rightPos{
|
||||
position: absolute;
|
||||
right: 35px;
|
||||
@ -52,22 +57,27 @@
|
||||
.row-right {
|
||||
margin-left: 564px;
|
||||
}
|
||||
|
||||
.fiter-task {
|
||||
margin-left: .4rem;
|
||||
margin-top: .05rem;
|
||||
}
|
||||
|
||||
.replication-row {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jobList {
|
||||
padding-left: 0;
|
||||
|
||||
.jobsRow {
|
||||
height: 60px;
|
||||
display: flex;
|
||||
|
||||
.option-left-down {
|
||||
margin-top: 36px;
|
||||
}
|
||||
|
||||
.option-right-down {
|
||||
padding-right: 16px;
|
||||
margin-top: 24px;
|
||||
|
||||
@ -2,22 +2,27 @@
|
||||
margin-right: 5px;
|
||||
color: green;
|
||||
}
|
||||
|
||||
.permissions {
|
||||
height: 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datagrid-host {
|
||||
position: inherit;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
min-height: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.ml-20px {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
@ -5,81 +5,102 @@
|
||||
.input-width {
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
.padding-left-0 {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.no-margin {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.permission{
|
||||
padding-top: 0.1rem;
|
||||
color: #000000;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.padding-left-120{
|
||||
padding-left: 126px;
|
||||
}
|
||||
|
||||
.w-90{
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.date {
|
||||
margin-top: -0.9rem;
|
||||
}
|
||||
|
||||
.input-width-date {
|
||||
width: 265px;
|
||||
}
|
||||
|
||||
.mt-description {
|
||||
margin-top: 2.5rem;
|
||||
}
|
||||
|
||||
.width-table {
|
||||
width: 388px;
|
||||
}
|
||||
|
||||
.all-projects {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.opacity-07 {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.disabled {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.message {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.expiration-width {
|
||||
width: 194px;
|
||||
}
|
||||
|
||||
.check {
|
||||
margin-right: 5px;
|
||||
color: green;
|
||||
}
|
||||
|
||||
.dropdown-per {
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
.mt-8px {
|
||||
margin-top: 8px !important;
|
||||
}
|
||||
/* stylelint-disable */
|
||||
.showWarning {
|
||||
color: #b3a000;
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
min-height: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.ml-20px {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
@ -9,15 +9,18 @@
|
||||
margin-right: 1rem;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-size: 16px;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.permissions {
|
||||
height: 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datagrid-host {
|
||||
position: inherit;
|
||||
}
|
||||
@ -5,7 +5,7 @@
|
||||
clr-icon.red-position {
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
/* stylelint-disable */
|
||||
.rightPos {
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
|
||||
@ -1,11 +1,14 @@
|
||||
/* stylelint-disable */
|
||||
.form .form-block, form .form-block {
|
||||
margin: .5rem 0 2rem 0;
|
||||
margin: .5rem 0 2rem;
|
||||
}
|
||||
|
||||
.pw-eye {
|
||||
margin-left: -20px;
|
||||
margin-right: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.pwd-input {
|
||||
padding-right: 26px;
|
||||
}
|
||||
@ -2,6 +2,7 @@
|
||||
.modal-title {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
.modal-title {
|
||||
padding: 0;
|
||||
|
||||
@ -36,12 +36,14 @@
|
||||
.hide-create {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
/* stylelint-disable */
|
||||
.rightPos {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
height:32px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.relative {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@ -9,14 +9,17 @@
|
||||
.password-body {
|
||||
min-height: 130px;
|
||||
}
|
||||
|
||||
.pw-eye {
|
||||
margin-left: -24px;
|
||||
margin-right: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.pwd-input {
|
||||
padding-right: 26px;
|
||||
}
|
||||
|
||||
.clr-control-label {
|
||||
width: 8.6rem !important;
|
||||
}
|
||||
|
||||
@ -5,9 +5,11 @@
|
||||
font-size: 16px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.breadcrumb {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.back-icon {
|
||||
color: #007cbb;
|
||||
font-size: 16px;
|
||||
|
||||
@ -1,28 +1,36 @@
|
||||
.content-wrapper {
|
||||
margin-top: 20px;
|
||||
padding: 0 0 0 15px;
|
||||
|
||||
.md-container {
|
||||
border: solid 1px;
|
||||
}
|
||||
|
||||
.summary-container {
|
||||
padding: 0;
|
||||
|
||||
table {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.content-group {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.content-icon {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.text-wrapper {
|
||||
word-break: break-all;
|
||||
}
|
||||
}
|
||||
|
||||
.cmd-title {
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.cmd-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@ -11,12 +11,13 @@
|
||||
.title-container {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.switch-container {
|
||||
margin-right: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* stylelint-disable */
|
||||
pre {
|
||||
max-height: max-content;
|
||||
padding-left: 21px;
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
|
||||
.title-container {
|
||||
display: flex;
|
||||
|
||||
.chart-name {
|
||||
border-right: 1px solid gray;
|
||||
font-size: 27px;
|
||||
|
||||
@ -7,9 +7,11 @@
|
||||
margin-left: 9px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.cur-pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.label-items-container {
|
||||
max-height: 300px;
|
||||
overflow-y: auto;
|
||||
@ -19,12 +21,14 @@
|
||||
padding-right: 12px;
|
||||
|
||||
.x-label-span {
|
||||
@include icon-span();
|
||||
@include icon-span;
|
||||
|
||||
float: right;
|
||||
}
|
||||
|
||||
.check-label-span {
|
||||
@include icon-span();
|
||||
@include icon-span;
|
||||
|
||||
float: left;
|
||||
margin-right: 9px;
|
||||
}
|
||||
|
||||
@ -26,25 +26,27 @@
|
||||
padding-right: 12px;
|
||||
|
||||
.mark-label-div {
|
||||
@include icon-span();
|
||||
@include flex-item();
|
||||
@include icon-span;
|
||||
@include flex-item;
|
||||
|
||||
float: left;
|
||||
margin-right: 9px;
|
||||
}
|
||||
|
||||
.spinner {
|
||||
@include flex-item();
|
||||
@include flex-item;
|
||||
}
|
||||
|
||||
.label-div {
|
||||
@include flex-item();
|
||||
@include flex-item;
|
||||
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.unmark-label-div {
|
||||
@include icon-span();
|
||||
@include flex-item();
|
||||
@include icon-span;
|
||||
@include flex-item;
|
||||
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
|
||||
.title-container {
|
||||
display: flex;
|
||||
|
||||
.chart-name-span {
|
||||
border-right: 1px solid gray;
|
||||
font-size: 27px;
|
||||
@ -13,10 +14,13 @@
|
||||
|
||||
.version-tool {
|
||||
position: relative;
|
||||
|
||||
.toolbar {
|
||||
overflow: hidden;
|
||||
/* stylelint-disable */
|
||||
.rightPos {
|
||||
@include grid-right-top-pos;
|
||||
|
||||
.filter-divider {
|
||||
display: inline-block;
|
||||
height: 16px;
|
||||
@ -48,41 +52,51 @@ hbr-resource-label-signpost {
|
||||
|
||||
.card-container {
|
||||
margin-top: 40px;
|
||||
|
||||
.card-header {
|
||||
.card-media-block {
|
||||
img {
|
||||
height: 45px;
|
||||
width: 45px;
|
||||
}
|
||||
|
||||
.card-media-description {
|
||||
width:80%;
|
||||
height: 45px;
|
||||
|
||||
.card-media-title {
|
||||
overflow: hidden;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.card-media-text {
|
||||
font-size:0.8em;
|
||||
color:#007cbb;
|
||||
@include text-overflow;
|
||||
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.card-block {
|
||||
font-size:0.9em;
|
||||
margin-top: 24px;
|
||||
min-height: 100px;
|
||||
|
||||
.form-group {
|
||||
display: flex;
|
||||
|
||||
label {
|
||||
width: 100px;
|
||||
color:#aaa;
|
||||
}
|
||||
}
|
||||
margin-top: 0px;
|
||||
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.card-footer {
|
||||
padding-top: 6px;
|
||||
padding-bottom: 6px;
|
||||
|
||||
@ -5,9 +5,11 @@
|
||||
font-size: 16px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.breadcrumb {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.back-icon {
|
||||
color: #007cbb;
|
||||
font-size: 16px;
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
@import "../../../../../shared/mixin";
|
||||
|
||||
$size24:24px;
|
||||
$size60:60px;
|
||||
|
||||
@ -7,14 +8,19 @@ $size60:60px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.chart-tool {
|
||||
position: relative;
|
||||
margin-top: 5px;
|
||||
|
||||
.toolbar {
|
||||
overflow: hidden;
|
||||
/* stylelint-disable */
|
||||
.rightPos {
|
||||
@include grid-right-top-pos;
|
||||
|
||||
margin-top: 20px;
|
||||
|
||||
.filter-divider {
|
||||
display: inline-block;
|
||||
height: 16px;
|
||||
@ -32,22 +38,28 @@ $size60:60px;
|
||||
|
||||
.card-container {
|
||||
margin-top: 40px;
|
||||
|
||||
.chart-card {
|
||||
width: 200px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
.card-icon {
|
||||
@include flex-center;
|
||||
}
|
||||
|
||||
.card-title {
|
||||
@include text-overflow;
|
||||
|
||||
text-align:center;
|
||||
margin:15px;
|
||||
}
|
||||
}
|
||||
|
||||
.card-footer {
|
||||
background-color:#d7d7d7;
|
||||
|
||||
.version-text {
|
||||
font-size:1.1rem;
|
||||
}
|
||||
@ -85,6 +97,7 @@ $size60:60px;
|
||||
|
||||
.filename-span {
|
||||
@include text-overflow;
|
||||
|
||||
display: inline-block;
|
||||
width: 50%;
|
||||
vertical-align: top;
|
||||
@ -115,6 +128,7 @@ button {
|
||||
.mb-10 {
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
.table-center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@ -2,24 +2,26 @@
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
/* stylelint-disable */
|
||||
.selectBox{
|
||||
position: absolute;
|
||||
width: 173px;
|
||||
height: auto;
|
||||
background-color: white;
|
||||
border: 1px solid rgba(0,0,0,.15);
|
||||
border: 1px solid rgb(0 0 0 / 15%);
|
||||
border-right-width: 2px;
|
||||
border-bottom-width: 2px;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 5px 10px rgba(0,0,0,.2);
|
||||
box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.selectBox ul li{
|
||||
list-style: none;
|
||||
padding: 3px 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.selectBox ul li:hover{
|
||||
color: #262626;
|
||||
background-image: linear-gradient(180deg,#f5f5f5 0,#e8e8e8);
|
||||
|
||||
@ -2,28 +2,32 @@
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
}
|
||||
/* stylelint-disable */
|
||||
.selectBox{
|
||||
position: absolute;
|
||||
width: 173px;
|
||||
height: auto;
|
||||
background-color: white;
|
||||
border: 1px solid rgba(0,0,0,.15);
|
||||
border: 1px solid rgb(0 0 0 / 15%);
|
||||
border-right-width: 2px;
|
||||
border-bottom-width: 2px;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 5px 10px rgba(0,0,0,.2);
|
||||
box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.selectBox ul li{
|
||||
list-style: none;
|
||||
padding: 3px 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.selectBox ul li:hover{
|
||||
color: #262626;
|
||||
background-image: linear-gradient(180deg,#f5f5f5 0,#e8e8e8);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
|
||||
.modal-body{
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
@ -15,10 +15,12 @@
|
||||
.refresh-btn:hover {
|
||||
color: #007CBB;
|
||||
}
|
||||
|
||||
:host::ng-deep .btn-group-overflow .dropdown-toggle {
|
||||
line-height: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
/* stylelint-disable */
|
||||
.rightPos{
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
@ -35,10 +37,12 @@ clr-datagrid {
|
||||
:host::ng-deep clr-checkbox.checkbox.datagrid-foot-select {
|
||||
position: inherit;
|
||||
}
|
||||
|
||||
.content-space {
|
||||
margin-top: 28px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.datagrid-pt {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
@ -1,35 +1,44 @@
|
||||
@mixin cus-font {
|
||||
font-size: .541667rem;
|
||||
font-size: .5417rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
:host::ng-deep.modal-dialog {
|
||||
width: 30rem;
|
||||
}
|
||||
|
||||
.display-none {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.icon-tooltip {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.padding-top-3 {
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
.bottom-btn {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.width-380 {
|
||||
width: 380px;
|
||||
}
|
||||
|
||||
.width-290 {
|
||||
width: 290px
|
||||
}
|
||||
|
||||
.width-6rem {
|
||||
width: 6rem!important;
|
||||
}
|
||||
|
||||
.clr-control-label {
|
||||
width: 8rem;
|
||||
}
|
||||
|
||||
.sub-label {
|
||||
display: inline-block;
|
||||
width: 90px;
|
||||
@ -43,6 +52,7 @@
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.margin-top-06 {
|
||||
margin-top: 0.6rem;
|
||||
}
|
||||
@ -50,39 +60,49 @@
|
||||
.margin-left-90px{
|
||||
margin-left: 90px;
|
||||
}
|
||||
|
||||
.opacity-08 {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.space-between {
|
||||
display: flex;
|
||||
font-size: 12px;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.go-link {
|
||||
line-height: 1rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.alert-label {
|
||||
color:#f9392e;
|
||||
}
|
||||
|
||||
.warning {
|
||||
width: 320px;
|
||||
line-height: 0.5rem;
|
||||
white-space: normal;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.cri-tooltip {
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
.cri-tooltip:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.baseline {
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
.opacity-054 {
|
||||
opacity: 0.54;
|
||||
}
|
||||
|
||||
.font-size-12 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
@ -5,45 +5,56 @@
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.icon-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.cell {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.margin-left-5px{
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.margin-left-10px{
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.flex-end {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
|
||||
.refresh-btn {
|
||||
margin-top: 6px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.filter-tag {
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.filter-title {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.margin-top-5px {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.opacity08 {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.no-wrapper {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
@ -1,89 +1,111 @@
|
||||
.replication-tasks {
|
||||
.overview-section {
|
||||
.title-wrapper {
|
||||
/* stylelint-disable */
|
||||
.onBack{
|
||||
color: #007cbb;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.title-block {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
>div:first-child {
|
||||
min-width: 250px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
>div:nth-child(2) {
|
||||
width: 140px;
|
||||
|
||||
span {
|
||||
color: #007cbb;
|
||||
font-size: 12px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.id-divider {
|
||||
display: inline-block;
|
||||
height: 25px;
|
||||
width: 2px;
|
||||
background-color: #cccccc;
|
||||
background-color: #ccc;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
.h2-style {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.execution-block {
|
||||
margin-top: 24px;
|
||||
display: flex;
|
||||
flex-wrap: row wrap;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.execution-detail-label {
|
||||
margin-right: 10px;
|
||||
text-align: left;
|
||||
|
||||
.detail-row {
|
||||
display: flex;
|
||||
height: 27px;
|
||||
|
||||
.common-style {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.num-success {
|
||||
background-color: #308700;
|
||||
}
|
||||
|
||||
.num-failed {
|
||||
background-color: #C92101;
|
||||
}
|
||||
|
||||
.num-progress {
|
||||
background-color: #1C5898;
|
||||
}
|
||||
|
||||
.num-stopped {
|
||||
background-color: #A1A1A1;
|
||||
}
|
||||
|
||||
.detail-span {
|
||||
flex:0 0 100px;
|
||||
margin: 10px 0 0 10px;
|
||||
}
|
||||
|
||||
.execution-details {
|
||||
width: 200px;
|
||||
margin: 8px 35px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.executions-detail {
|
||||
width: 391px;
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
>div {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tasks-detail {
|
||||
margin-top: 65px;
|
||||
|
||||
.action-select {
|
||||
padding-right: 18px;
|
||||
height: 24px;
|
||||
@ -94,6 +116,7 @@
|
||||
float: left;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.refresh-btn {
|
||||
cursor: pointer;
|
||||
margin-top: 7px;
|
||||
@ -103,6 +126,7 @@
|
||||
color: #007CBB;
|
||||
}
|
||||
}
|
||||
|
||||
clr-datagrid {
|
||||
.resource-width {
|
||||
width: 150px;
|
||||
@ -110,22 +134,27 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.margin-top-16px {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.flex-end {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
|
||||
.refresh-btn {
|
||||
margin-top: 6px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.filter-tag {
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.button-stop {
|
||||
margin-top: 16px;
|
||||
margin-left: -5px;
|
||||
|
||||
@ -44,15 +44,19 @@
|
||||
.padding-top-16 {
|
||||
padding-top: 16px;
|
||||
}
|
||||
|
||||
.position-relative {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.add-modal {
|
||||
position: absolute;
|
||||
padding: 0 8px;
|
||||
|
||||
.flex-direction-column {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
border: 1px solid;
|
||||
@ -89,6 +93,7 @@
|
||||
font-size: 13px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.margin-top-05 {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
@ -17,6 +17,7 @@
|
||||
letter-spacing: 0.01em;
|
||||
margin-top: 8px;
|
||||
}
|
||||
/* stylelint-disable */
|
||||
.backStyle {
|
||||
color: #007cbb;
|
||||
font-size: 16px;
|
||||
@ -28,9 +29,11 @@
|
||||
button {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#project-tabs {
|
||||
.clear-default-active {
|
||||
box-shadow: none;
|
||||
|
||||
&:hover {
|
||||
box-shadow: 0 -3px 0 #0077b8 inset;
|
||||
}
|
||||
@ -42,27 +45,33 @@ button {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ml-05 {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.proxy-cache {
|
||||
margin-left: 2.5rem;
|
||||
font-size: 10px;
|
||||
font-weight: 300;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.line-height-10 {
|
||||
line-height: 10px;
|
||||
}
|
||||
|
||||
.back-icon {
|
||||
margin-right: 5px;
|
||||
color: #007cbb;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.flex-end {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.card{
|
||||
width: auto;
|
||||
min-width: 10rem;
|
||||
@ -70,14 +79,17 @@ button {
|
||||
margin-top: 0;
|
||||
height: 6rem;
|
||||
}
|
||||
|
||||
.head {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.25rem;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.font-weight-700 {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.storage-used {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
@ -85,21 +97,26 @@ button {
|
||||
justify-content: center;
|
||||
min-width: 8rem;
|
||||
}
|
||||
|
||||
.size-number {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.margin-right-5px {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.divider {
|
||||
height: 24px;
|
||||
width: 1px;
|
||||
@ -114,6 +131,7 @@ button {
|
||||
max-height: 0.48rem;
|
||||
}
|
||||
}
|
||||
|
||||
:host::ng-deep {
|
||||
.progress {
|
||||
&.warning>progress {
|
||||
|
||||
@ -26,14 +26,17 @@
|
||||
.display-f{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.reverse-row {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
.flex-items-xs-right {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
|
||||
::ng-deep {
|
||||
clr-date-container{
|
||||
margin-top: 0;
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
.margin-bottom-025 {
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.min-15 {
|
||||
min-height: 15rem;
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
.result-row {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* stylelint-disable */
|
||||
.rightPos{
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
@ -17,6 +17,7 @@
|
||||
.center {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.label-critical {
|
||||
background:red;
|
||||
color:#621501;
|
||||
@ -27,27 +28,34 @@
|
||||
background:#e64524!important;
|
||||
color:#621501!important;
|
||||
}
|
||||
|
||||
.label-medium {
|
||||
background-color: orange;
|
||||
color:#621501;
|
||||
}
|
||||
|
||||
.label-low {
|
||||
background: #007CBB;
|
||||
color:#cab6b1;
|
||||
}
|
||||
|
||||
.label-none {
|
||||
background-color: grey;
|
||||
color:#bad7ba;
|
||||
}
|
||||
|
||||
.no-border {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.ml-05 {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.report {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.mt-5px {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
@ -1,10 +1,12 @@
|
||||
.content-wrapper {
|
||||
margin-top: 20px;
|
||||
padding: 0 0 0 15px;
|
||||
|
||||
.md-container {
|
||||
border: solid 1px #ddd;
|
||||
}
|
||||
}
|
||||
|
||||
.center {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
@ -4,12 +4,15 @@
|
||||
max-height: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.values-header {
|
||||
margin-top: 12px;
|
||||
}
|
||||
/* stylelint-disable */
|
||||
pre {
|
||||
padding-left: 21px;
|
||||
}
|
||||
|
||||
.center {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
@ -7,6 +7,7 @@
|
||||
border-radius: 2px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.back-icon {
|
||||
color: #007cbb;
|
||||
font-size: 16px;
|
||||
|
||||
@ -2,36 +2,37 @@
|
||||
background: white;
|
||||
border: 1px;
|
||||
border-style: solid;
|
||||
border-color: #CCCCCC;
|
||||
padding: 12px 12px 12px 12px;
|
||||
border-color: #CCC;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.info-div {
|
||||
border: 1px;
|
||||
border-style: solid;
|
||||
border-color: #CCCCCC;
|
||||
padding: 0 12px 24px 12px;
|
||||
border-color: #CCC;
|
||||
padding: 0 12px 24px;
|
||||
}
|
||||
|
||||
.loading {
|
||||
height: 3rem;
|
||||
border: 1px;
|
||||
border-style: solid;
|
||||
border-color: #CCCCCC;
|
||||
border-color: #CCC;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.info-pre {
|
||||
border: 0px;
|
||||
border: 0;
|
||||
max-height: fit-content;
|
||||
}
|
||||
|
||||
#info-edit-button {
|
||||
margin-top: 0px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 12px;
|
||||
font-size: 12px;
|
||||
|
||||
.markdown {
|
||||
position: relative;
|
||||
width: 20px;
|
||||
|
||||
@ -90,7 +90,7 @@
|
||||
:host ::ng-deep .datagrid clr-dg-column {
|
||||
min-width: 80px;
|
||||
}
|
||||
|
||||
/* stylelint-disable */
|
||||
.rightPos {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
@ -178,14 +178,15 @@
|
||||
.label-filter-panel {
|
||||
display: flex;
|
||||
position: relative;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
flex-direction: column;
|
||||
padding: .5rem 0;
|
||||
border: 1px solid #ccc;
|
||||
box-shadow: 0 1px 0.125rem hsla(0, 0%, 45%, 0.25);
|
||||
box-shadow: 0 1px 0.125rem hsl(0deg 0% 45% / 25%);
|
||||
min-width: 5rem;
|
||||
max-width: 15rem;
|
||||
border-radius: 0.125rem;
|
||||
|
||||
.form-group input {
|
||||
position: relative;
|
||||
margin-left: 0.5rem;
|
||||
@ -261,9 +262,11 @@ hbr-image-name-input {
|
||||
max-width: 220px;
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
.icon-cell {
|
||||
max-width: 1.5rem;
|
||||
min-width: 1.5rem;
|
||||
|
||||
clr-icon {
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -281,6 +284,7 @@ hbr-image-name-input {
|
||||
.color-gray {
|
||||
color: #565656;
|
||||
}
|
||||
|
||||
clr-datagrid {
|
||||
::ng-deep .datagrid-table {
|
||||
position: static;
|
||||
@ -297,23 +301,28 @@ clr-datagrid {
|
||||
.ml-8 {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.immutable {
|
||||
padding-right: 94px;
|
||||
position: relative;
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.white-normal {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.digest {
|
||||
width: 128px;
|
||||
flex-grow:0;
|
||||
flex-shrink:0;
|
||||
}
|
||||
|
||||
.max-width-38 {
|
||||
max-width: 38px !important;
|
||||
min-width: 0 !important;
|
||||
@ -328,22 +337,28 @@ clr-datagrid {
|
||||
height: 0.8rem;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.width-p-100 {
|
||||
width: 100%;
|
||||
|
||||
.lg {
|
||||
width: 550px;
|
||||
}
|
||||
}
|
||||
|
||||
.w-rem-4 {
|
||||
min-width: 4rem !important;
|
||||
}
|
||||
|
||||
.tag-header-color {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tag-body-color {
|
||||
color: #ccc;
|
||||
max-width: 120px;
|
||||
}
|
||||
|
||||
.table {
|
||||
.tag-tr {
|
||||
td {
|
||||
@ -351,6 +366,7 @@ clr-datagrid {
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.tag-thead {
|
||||
th {
|
||||
padding-top: 0;
|
||||
@ -367,14 +383,17 @@ clr-datagrid {
|
||||
padding-left: 1rem;
|
||||
line-height: inherit;
|
||||
height: auto;
|
||||
|
||||
&::before {
|
||||
margin-top: .5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-header {
|
||||
text-transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
.filter-label-input {
|
||||
::ng-deep {
|
||||
.clr-input-wrapper {
|
||||
@ -384,6 +403,7 @@ clr-datagrid {
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.scan-btn{
|
||||
margin-top: -.3rem;
|
||||
}
|
||||
@ -396,56 +416,72 @@ clr-datagrid {
|
||||
height: 24px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
.filter-tag {
|
||||
float: left;
|
||||
margin-top: 8px;
|
||||
|
||||
.clr-form-control {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list-filter {
|
||||
width:7rem;
|
||||
margin-left: 0.8rem;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.no-border:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.margin-left-5 {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.pull-command-column {
|
||||
width: 6rem !important;
|
||||
}
|
||||
|
||||
.co-signed-column {
|
||||
width: 7rem !important;
|
||||
}
|
||||
|
||||
.vul-column {
|
||||
width: 11rem !important;
|
||||
}
|
||||
|
||||
.annotations-column {
|
||||
width: 5rem !important;
|
||||
}
|
||||
|
||||
.tag-column {
|
||||
min-width: 7rem;
|
||||
}
|
||||
|
||||
.signed {
|
||||
color: #00d40f;
|
||||
}
|
||||
|
||||
.mb-05 {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.top-3-px {
|
||||
top: 3px;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.width-p-75 {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
@ -3,21 +3,26 @@
|
||||
width: 2.5rem;
|
||||
height: 0.8rem;
|
||||
}
|
||||
|
||||
.artifact-icon {
|
||||
height: 0.8rem;
|
||||
}
|
||||
|
||||
.cell {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.margin-left-5 {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.ml-8 {
|
||||
margin-left: 8rem;
|
||||
}
|
||||
|
||||
.x-dash-line {
|
||||
position: absolute;
|
||||
width: 80px;
|
||||
@ -25,6 +30,7 @@
|
||||
border: 0;
|
||||
border-top: 2px dotted #a2a9b6;
|
||||
}
|
||||
|
||||
.y-dash-line {
|
||||
position: absolute;
|
||||
border: 0;
|
||||
|
||||
@ -6,6 +6,7 @@
|
||||
border-radius: 2px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.back-icon {
|
||||
color: #007cbb;
|
||||
font-size: 16px;
|
||||
@ -19,16 +20,20 @@
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.center-align-items {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.artifact-icon {
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
.margin-left-10px {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.margin-right-5px {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
@ -2,40 +2,49 @@
|
||||
.label-form {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
.clr-control-container {
|
||||
margin-bottom: 1rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.btn.remove-btn {
|
||||
border: none;
|
||||
height: 0.6rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.immutable {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
|
||||
.label {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.datagrid-action-bar {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.position-ab {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.white-space-nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.refresh-btn {
|
||||
float: right;
|
||||
margin-top: 15px;
|
||||
margin-right: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.spinner-tag {
|
||||
position: absolute;
|
||||
right: -.7rem;
|
||||
|
||||
@ -8,6 +8,7 @@ $twenty-two-pixel: 18px;
|
||||
|
||||
.bar-state {
|
||||
text-align: center;
|
||||
|
||||
.unknow-text {
|
||||
margin-left: -5px;
|
||||
}
|
||||
@ -15,6 +16,7 @@ $twenty-two-pixel: 18px;
|
||||
|
||||
.bar-state-chart {
|
||||
margin-top: 2px;
|
||||
|
||||
.loop-height {
|
||||
height: 2px;
|
||||
}
|
||||
@ -77,7 +79,7 @@ $twenty-two-pixel: 18px;
|
||||
|
||||
.bar-tooltip-font {
|
||||
font-size: 13px;
|
||||
color: #ffffff;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.bar-tooltip-font-title {
|
||||
@ -96,12 +98,14 @@ $twenty-two-pixel: 18px;
|
||||
.bar-summary-item {
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
|
||||
span {
|
||||
:nth-child(1) {
|
||||
width: $thirty-pixel;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
:nth-child(2) {
|
||||
width: 28px;
|
||||
display: inline-block;
|
||||
@ -115,6 +119,7 @@ $twenty-two-pixel: 18px;
|
||||
|
||||
.refresh-btn {
|
||||
cursor: pointer;
|
||||
/* stylelint-disable */
|
||||
:hover {
|
||||
color: #007CBB;
|
||||
}
|
||||
@ -131,7 +136,7 @@ $twenty-two-pixel: 18px;
|
||||
}
|
||||
|
||||
.label.label-low {
|
||||
background: rgba(251, 255, 0, 0.38);
|
||||
background: rgb(251 255 0 / 38%);
|
||||
color: #c5c50b;
|
||||
border: 1px solid #e6e63f;
|
||||
}
|
||||
@ -204,6 +209,7 @@ hr {
|
||||
.margin-left-5 {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.margin-left-10 {
|
||||
margin-left: 10px;
|
||||
}
|
||||
@ -245,54 +251,68 @@ hr {
|
||||
background:red;
|
||||
color:red;
|
||||
}
|
||||
|
||||
.level-high {
|
||||
background:#e64524;
|
||||
color:#e64524;
|
||||
}
|
||||
|
||||
.level-medium {
|
||||
background-color: orange;
|
||||
color:orange;
|
||||
}
|
||||
|
||||
.level-low {
|
||||
background: #007CBB;
|
||||
color:#007CBB;
|
||||
}
|
||||
|
||||
.level-none {
|
||||
background-color: grey;
|
||||
color:grey;
|
||||
}
|
||||
|
||||
.black-point-container {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
.black-point {
|
||||
position: absolute;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.font-weight-800 {
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.color-green {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.tip-block {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.font-size-14 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.font-size-12 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.margin-right-5 {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.is-white {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.is-dark {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
@ -1,10 +1,12 @@
|
||||
.bar-wrapper {
|
||||
width: 210px;
|
||||
}
|
||||
|
||||
.bar-state {
|
||||
.unknow-text {
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
.label {
|
||||
width: 90%;
|
||||
}
|
||||
@ -29,55 +31,68 @@
|
||||
|
||||
.scanning-button {
|
||||
height: 24px;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
top: -12px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tip-wrapper {
|
||||
display: inline-block;
|
||||
height: 10px;
|
||||
max-width: 120px;
|
||||
}
|
||||
|
||||
.bar-block-high {
|
||||
background-color: #e64524;
|
||||
}
|
||||
|
||||
.bar-block-medium {
|
||||
background-color: orange;
|
||||
}
|
||||
|
||||
.bar-block-low {
|
||||
background-color: yellow;
|
||||
}
|
||||
|
||||
.bar-block-none {
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
.bar-block-unknown {
|
||||
background-color: grey;
|
||||
}
|
||||
|
||||
.bar-tooltip-font {
|
||||
font-size: 13px;
|
||||
color: #ffffff;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.bar-tooltip-font-title {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.bar-summary {
|
||||
margin-top: 12px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.bar-scanning-time {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.bar-summary-item {
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.bar-summary-item span:nth-child(1){
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.bar-summary-item span:nth-child(2){
|
||||
width: 28px;
|
||||
display: inline-block;
|
||||
@ -86,9 +101,11 @@
|
||||
.option-right {
|
||||
padding-right: 16px;
|
||||
}
|
||||
|
||||
.refresh-btn {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.refresh-btn:hover {
|
||||
color: #007CBB;
|
||||
}
|
||||
@ -100,21 +117,26 @@
|
||||
.tip-icon-low {
|
||||
color: yellow;
|
||||
}
|
||||
|
||||
.font-color-green{
|
||||
color:green;
|
||||
}
|
||||
/* stylelint-disable */
|
||||
.bar-tooltip-font-larger span{
|
||||
font-size:16px;
|
||||
vertical-align:middle
|
||||
}
|
||||
|
||||
hr{
|
||||
border-bottom: 0;
|
||||
border-color: #aaa;
|
||||
margin: 6px -10px;
|
||||
}
|
||||
|
||||
.font-weight-600{
|
||||
font-weight:600;
|
||||
}
|
||||
|
||||
.rightPos{
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
@ -144,18 +166,22 @@ hr{
|
||||
background:#e64524!important;
|
||||
color:#621501!important;
|
||||
}
|
||||
|
||||
.label-medium {
|
||||
background-color: orange;
|
||||
color:#621501;
|
||||
}
|
||||
|
||||
.label-low {
|
||||
background: #007CBB;
|
||||
color:#cab6b1;
|
||||
}
|
||||
|
||||
.label-none {
|
||||
background-color: grey;
|
||||
color:#bad7ba;
|
||||
}
|
||||
|
||||
.no-border {
|
||||
border: none;
|
||||
}
|
||||
@ -165,6 +191,7 @@ hbr-vulnerability-bar {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
.stopped {
|
||||
border-color: #cccc15;
|
||||
}
|
||||
|
||||
@ -39,6 +39,7 @@
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
text-align: center;
|
||||
|
||||
.spinner {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
@ -50,7 +51,7 @@
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* stylelint-disable no-descending-specificity */
|
||||
.spinner {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
|
||||
@ -39,9 +39,10 @@
|
||||
@mixin dropdown-as-action-button {
|
||||
margin: .25rem .5rem .25rem 0;
|
||||
}
|
||||
|
||||
/* stylelint-disable */
|
||||
.rightPos{
|
||||
@include grid-right-top-pos;
|
||||
|
||||
top: 18px;
|
||||
}
|
||||
|
||||
@ -87,6 +88,7 @@
|
||||
height: 24px;
|
||||
@include text-overflow;
|
||||
}
|
||||
|
||||
.card-media-text {
|
||||
overflow: hidden;
|
||||
height: 21px
|
||||
@ -95,8 +97,9 @@
|
||||
.card-media-description {
|
||||
height: 45px;
|
||||
}
|
||||
|
||||
.card-media-description > p {
|
||||
margin-top: 0px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.card-text {
|
||||
@ -106,7 +109,7 @@
|
||||
}
|
||||
|
||||
.card-block {
|
||||
margin-top: 0px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.card-footer {
|
||||
@ -131,6 +134,7 @@
|
||||
.repository-box {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.first-loading {
|
||||
width: 100%;
|
||||
height: 65vh;
|
||||
|
||||
@ -1,62 +1,77 @@
|
||||
.padding-left-0 {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.no-margin {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.permission{
|
||||
padding-top: 0.1rem;
|
||||
color: #000000;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.padding-left-120{
|
||||
padding-left: 126px;
|
||||
}
|
||||
|
||||
.w-90{
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.date {
|
||||
margin-top: -0.9rem;
|
||||
}
|
||||
|
||||
.input-width-date {
|
||||
width: 265px;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.input-width {
|
||||
width: 232px;
|
||||
}
|
||||
|
||||
.expiration-width {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.check {
|
||||
margin-right: 5px;
|
||||
color: green;
|
||||
}
|
||||
|
||||
.dropdown-per {
|
||||
margin-left: -12px;
|
||||
}
|
||||
|
||||
.mt-description {
|
||||
width: 238px;
|
||||
}
|
||||
|
||||
.mt-8px {
|
||||
margin-top: 8px !important;
|
||||
}
|
||||
/* stylelint-disable */
|
||||
.showWarning {
|
||||
color: #b3a000;
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
min-height: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.overflow-y-scroll {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.ml-20px {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
clr-icon.red-position {
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
/* stylelint-disable */
|
||||
.rightPos {
|
||||
@include grid-right-top-pos;
|
||||
|
||||
@ -26,11 +26,13 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.permissions {
|
||||
height: 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datagrid-host {
|
||||
position: inherit;
|
||||
}
|
||||
@ -3,23 +3,28 @@
|
||||
display: inline-block;
|
||||
padding: 0 .25rem;
|
||||
max-height: 1rem;
|
||||
font-size: .541667rem;
|
||||
font-size: .5417rem;
|
||||
}
|
||||
|
||||
.edit {
|
||||
margin-top: -5px;
|
||||
margin-left: -8px;
|
||||
font-size: 0.58rem;
|
||||
}
|
||||
|
||||
.width-240 {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
.center {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.clr-form-control {
|
||||
margin-top: 0.75rem !important;
|
||||
}
|
||||
|
||||
.name {
|
||||
height: 1.75rem;
|
||||
line-height: 1.75rem;
|
||||
|
||||
@ -14,19 +14,23 @@
|
||||
justify-content: flex-end;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
.mr-5px {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.card {
|
||||
width: 24rem;
|
||||
margin-right: 1rem;
|
||||
flex-grow:0;
|
||||
flex-shrink:0;
|
||||
}
|
||||
|
||||
.number {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@ -34,33 +38,41 @@
|
||||
color: #266aac;
|
||||
height: 4rem;
|
||||
}
|
||||
|
||||
.column {
|
||||
font-size: 10px;
|
||||
font-weight: bolder;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.ellipsis {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.card-block {
|
||||
min-height: 6rem;
|
||||
}
|
||||
|
||||
.size-24 {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.chart-name {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.no-underline {
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
.center {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
.ml-5 {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.dropdown-toggle {
|
||||
outline: none;
|
||||
padding-left: 0;
|
||||
@ -15,30 +16,31 @@
|
||||
opacity: 0;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.v-center {
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
}
|
||||
|
||||
.font-size-54 {
|
||||
font-size: 0.541667rem;
|
||||
font-size: 0.5417rem;
|
||||
}
|
||||
|
||||
.flex-150 {
|
||||
flex: 0 0 150px;
|
||||
}
|
||||
|
||||
.rule-name {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 0.541667rem;
|
||||
font-size: 0.5417rem;
|
||||
}
|
||||
|
||||
.ml-5 {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.color-97 {
|
||||
color: #979797;
|
||||
}
|
||||
|
||||
.add-rule-btn {
|
||||
min-width: 120px;
|
||||
padding-left: 12px;
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
.btn-tag-integration {
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
.strategy-nav-link {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
@ -10,6 +11,7 @@
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.checked {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@ -11,6 +11,7 @@
|
||||
.height-72 {
|
||||
height: 72px;
|
||||
}
|
||||
|
||||
.height-95 {
|
||||
height: 95px;
|
||||
}
|
||||
@ -23,16 +24,20 @@
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.tootip {
|
||||
display: block;
|
||||
line-height: .9rem;
|
||||
}
|
||||
|
||||
.font-size-13 {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.margin-top-5px {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
font-size: .541667rem;
|
||||
font-size: .5417rem;
|
||||
}
|
||||
|
||||
.ml-5 {
|
||||
@ -43,6 +43,7 @@
|
||||
opacity: 0;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.cron-selection {
|
||||
margin-top: 30px;
|
||||
display: flex;
|
||||
@ -53,20 +54,25 @@
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
}
|
||||
|
||||
.font-size-54 {
|
||||
font-size: .541667rem;
|
||||
font-size: .5417rem;
|
||||
}
|
||||
|
||||
.flex-150 {
|
||||
flex: 0 0 150px;
|
||||
max-width: 150px;
|
||||
}
|
||||
|
||||
.padding-left-0 {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.flex-8p {
|
||||
flex: 0 0 8.3%;
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
|
||||
:host::ng-deep {
|
||||
.datagrid-row-flex {
|
||||
.datagrid-row-detail {
|
||||
|
||||
@ -1,18 +1,23 @@
|
||||
.icon-tooltip {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.padding-top-3 {
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
.bottom-btn {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.width-238 {
|
||||
width: 238px;
|
||||
}
|
||||
|
||||
.width-8rem {
|
||||
width: 8rem;
|
||||
}
|
||||
|
||||
.clr-control-label {
|
||||
width: 10rem !important;
|
||||
}
|
||||
|
||||
@ -35,19 +35,23 @@
|
||||
.enabled-icon {
|
||||
margin: -2px 5px 0 0;
|
||||
}
|
||||
|
||||
.center {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.cell {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.font-size-20 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.action-head-pos {
|
||||
padding-right: 18px;
|
||||
height: 100%;
|
||||
@ -55,37 +59,43 @@
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.min-width-340 {
|
||||
min-width: 340px!important;
|
||||
}
|
||||
|
||||
.margin-left-10 {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.event-types {
|
||||
padding-right: 14px;
|
||||
}
|
||||
|
||||
.bar-state {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.label-flex {
|
||||
width: 100%;
|
||||
letter-spacing: 0em;
|
||||
letter-spacing: 0;
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
border: 1px solid;
|
||||
border-radius: 9px;
|
||||
padding: 0 7px 0px 10px;
|
||||
padding: 0 7px 0 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ellipsis-btn {
|
||||
min-width: 20px;
|
||||
letter-spacing: 0px;
|
||||
letter-spacing: 0;
|
||||
margin: 0;
|
||||
margin-top: -0.4rem;
|
||||
}
|
||||
|
||||
.width-120 {
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
@ -5,5 +5,4 @@
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
overflow:scroll;
|
||||
}
|
||||
@ -1,17 +1,21 @@
|
||||
.modal {
|
||||
background-color: rgb(80, 80, 80);
|
||||
background-color: rgb(80 80 80);
|
||||
|
||||
.body-message {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
.close {
|
||||
margin-right: 0.2rem
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.oidc-header-text{
|
||||
color:rgb(94, 94, 94);
|
||||
color:rgb(94 94 94);
|
||||
}
|
||||
|
||||
.close-error {
|
||||
padding-right:0;
|
||||
}
|
||||
|
||||
@ -10,14 +10,14 @@
|
||||
}
|
||||
|
||||
.content {
|
||||
margin:0 10px 10px 10px;
|
||||
margin:0 10px 10px;
|
||||
outline: none;
|
||||
width: 470px;
|
||||
}
|
||||
|
||||
.harbor-icon {
|
||||
width: 56px;
|
||||
filter: drop-shadow(rgb(0, 0, 0) 58px 2px);
|
||||
filter: drop-shadow(rgb(0 0 0) 58px 2px);
|
||||
}
|
||||
|
||||
.harbor-logo-black {
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
width: 80%;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
/* stylelint-disable */
|
||||
.batchInfoUl {
|
||||
padding: 20px;
|
||||
list-style-type: none;
|
||||
|
||||
@ -8,23 +8,27 @@
|
||||
}
|
||||
|
||||
span.required {
|
||||
&:after {
|
||||
&::after {
|
||||
content: '*';
|
||||
font-size: .58479532rem;
|
||||
font-size: .5848rem;
|
||||
line-height: .5rem;
|
||||
color: #c92100;
|
||||
margin-left: .25rem;
|
||||
}
|
||||
}
|
||||
|
||||
.height-1rem {
|
||||
height: 1rem;
|
||||
}
|
||||
|
||||
.margin-left-minus-075{
|
||||
margin-left: -0.75rem;
|
||||
}
|
||||
|
||||
.mt-05 {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.mb-05 {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
@ -3,9 +3,11 @@
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
color: #fff;
|
||||
|
||||
.table-title {
|
||||
border-top-left-radius: 0.125rem;
|
||||
border-top-right-radius: 0.125rem;
|
||||
|
||||
span {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
@ -5,6 +5,7 @@
|
||||
right: 3em;
|
||||
}
|
||||
}
|
||||
|
||||
>.tooltip-content{
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
|
||||
@ -286,6 +286,7 @@
|
||||
line-height: 18px;
|
||||
text-align: center;
|
||||
margin-top: -2px;
|
||||
|
||||
.esxc-bar-title {
|
||||
float: left;
|
||||
text-align: right;
|
||||
|
||||
@ -1,12 +1,14 @@
|
||||
.alert-style {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.mask-layer {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.alert-text {
|
||||
flex: 0 1 auto !important;
|
||||
}
|
||||
@ -3,12 +3,13 @@
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
/* should be lesser than 1000 to avoid override the popup menu */
|
||||
z-index: 999;
|
||||
box-sizing: border-box;
|
||||
background: #fafafa;
|
||||
top: 60px;
|
||||
left: 0px;
|
||||
left: 0;
|
||||
padding-left: 36px;
|
||||
padding-right: 36px;
|
||||
}
|
||||
@ -43,7 +44,7 @@
|
||||
.grid-filter {
|
||||
position: relative;
|
||||
top: 8px;
|
||||
margin: 0px auto 0px auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.search-header a:hover {
|
||||
@ -68,9 +69,11 @@
|
||||
#placeholder1 {
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.search-input {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.search-input::placeholder{
|
||||
color: #fafafa;
|
||||
}
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user