diff --git a/.github/workflows/CI.yml b/.github/workflows/CI.yml index a4de814af53..4d8785dea2f 100644 --- a/.github/workflows/CI.yml +++ b/.github/workflows/CI.yml @@ -330,6 +330,11 @@ jobs: cd src/github.com/goharbor/harbor bash ./tests/showtime.sh ./tests/ci/ui_ut_run.sh df -h + - name: Fail if format changes are detected + if: ${{ failure() }} + run: | + echo "Code formatting issues detected. Please run 'npm run format' locally and commit the changes." + exit 1 - name: Codecov For UI uses: codecov/codecov-action@v5 with: diff --git a/src/portal/package-lock.json b/src/portal/package-lock.json index 47e3dcff615..311aea8010f 100644 --- a/src/portal/package-lock.json +++ b/src/portal/package-lock.json @@ -44,6 +44,7 @@ "@angular/cli": "^16.2.16", "@angular/compiler-cli": "^16.2.9", "@cypress/schematic": "^2.5.2", + "@types/eslint": "^9.6.1", "@types/express": "^4.17.21", "@types/jasmine": "~4.3.1", "@types/node": "^16.18.108", @@ -4270,9 +4271,9 @@ } }, "node_modules/@types/eslint": { - "version": "8.56.12", - "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.56.12.tgz", - "integrity": "sha512-03ruubjWyOHlmljCVoxSuNDdmfZDzsrrz0P2LeJsOXr+ZwFQ+0yQIwNCwt/GYhV7Z31fgtXJTAEs+FYlEL851g==", + "version": "9.6.1", + "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-9.6.1.tgz", + "integrity": "sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==", "dev": true, "dependencies": { "@types/estree": "*", @@ -14968,6 +14969,16 @@ "node": ">=10.0.0" } }, + "node_modules/prettier-eslint/node_modules/@types/eslint": { + "version": "8.56.12", + "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.56.12.tgz", + "integrity": "sha512-03ruubjWyOHlmljCVoxSuNDdmfZDzsrrz0P2LeJsOXr+ZwFQ+0yQIwNCwt/GYhV7Z31fgtXJTAEs+FYlEL851g==", + "dev": true, + "dependencies": { + "@types/estree": "*", + "@types/json-schema": "*" + } + }, "node_modules/prettier-eslint/node_modules/typescript": { "version": "4.9.5", "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz", @@ -15481,15 +15492,15 @@ "dev": true }, "node_modules/regexp.prototype.flags": { - "version": "1.5.2", - "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz", - "integrity": "sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==", + "version": "1.5.3", + "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.3.tgz", + "integrity": "sha512-vqlC04+RQoFalODCbCumG2xIOvapzVMHwsyIGM/SIE8fRhFFsXeH8/QQ+s0T0kDAhKc4k30s73/0ydkHQz6HlQ==", "dev": true, "dependencies": { - "call-bind": "^1.0.6", + "call-bind": "^1.0.7", "define-properties": "^1.2.1", "es-errors": "^1.3.0", - "set-function-name": "^2.0.1" + "set-function-name": "^2.0.2" }, "engines": { "node": ">= 0.4" diff --git a/src/portal/package.json b/src/portal/package.json index 18917a182b5..69bb5fdcaed 100644 --- a/src/portal/package.json +++ b/src/portal/package.json @@ -4,6 +4,8 @@ "description": "Harbor UI with Clarity", "angular-cli": {}, "scripts": { + "format": "prettier --write \"src/**/*.{ts,js,html,scss}\" && ng lint --fix", + "prettier:check": "prettier --check \"src/**/*.{ts,js,html,scss}\"", "postinstall": "node scripts/convert-yaml-to-json.js && ng-swagger-gen -i ng-swagger-gen/swagger.json -o ng-swagger-gen && node scripts/delete-swagger-json.js", "start": "node --max_old_space_size=2048 ./node_modules/@angular/cli/bin/ng serve --ssl true --host 0.0.0.0", "start:prod": "node --max_old_space_size=2048 ./node_modules/@angular/cli/bin/ng serve --ssl true --host 0.0.0.0 --configuration production", @@ -62,6 +64,7 @@ "@angular/cli": "^16.2.16", "@angular/compiler-cli": "^16.2.9", "@cypress/schematic": "^2.5.2", + "@types/eslint": "^9.6.1", "@types/express": "^4.17.21", "@types/jasmine": "~4.3.1", "@types/node": "^16.18.108", diff --git a/src/portal/src/app/account/sign-in/sign-in.component.scss b/src/portal/src/app/account/sign-in/sign-in.component.scss index acf69b42d28..c2e969ac787 100644 --- a/src/portal/src/app/account/sign-in/sign-in.component.scss +++ b/src/portal/src/app/account/sign-in/sign-in.component.scss @@ -20,12 +20,12 @@ top: -9px; } -.bg{ +.bg { position: absolute; - top: 60px; + top: 60px; right: 0; - width: 100%; - height: 100%; + width: 100%; + height: 100%; background-size: cover; } @@ -33,13 +33,13 @@ flex-wrap: wrap; .login { - background:transparent; + background: transparent; } } .reset-label { - font-size:inherit; - color:inherit; + font-size: inherit; + color: inherit; font-family: inherit; } @@ -90,13 +90,13 @@ .title { position: absolute; - top: 10rem + top: 10rem; } .login-group { width: 70%; position: absolute; - top: 10rem + top: 10rem; } .more-info { diff --git a/src/portal/src/app/account/sign-in/top-repo/top-repo.component.scss b/src/portal/src/app/account/sign-in/top-repo/top-repo.component.scss index 50af440362a..19c68c11b96 100644 --- a/src/portal/src/app/account/sign-in/top-repo/top-repo.component.scss +++ b/src/portal/src/app/account/sign-in/top-repo/top-repo.component.scss @@ -5,4 +5,4 @@ .pop-repos { margin-top: 0; } -} \ No newline at end of file +} diff --git a/src/portal/src/app/base/account-settings/account-settings-modal.component.scss b/src/portal/src/app/base/account-settings/account-settings-modal.component.scss index 77778507605..68f57bba8fd 100644 --- a/src/portal/src/app/base/account-settings/account-settings-modal.component.scss +++ b/src/portal/src/app/base/account-settings/account-settings-modal.component.scss @@ -11,10 +11,10 @@ clr-modal { padding-right: 3px; } - bottom: 9px; + bottom: 9px; } - .label-inner-text{ + .label-inner-text { margin: 0; } diff --git a/src/portal/src/app/base/global-confirmation-dialog/global-confirmation-dialog.component.scss b/src/portal/src/app/base/global-confirmation-dialog/global-confirmation-dialog.component.scss index 777075ea066..a74bf980744 100644 --- a/src/portal/src/app/base/global-confirmation-dialog/global-confirmation-dialog.component.scss +++ b/src/portal/src/app/base/global-confirmation-dialog/global-confirmation-dialog.component.scss @@ -18,13 +18,36 @@ word-break: break-all; } /* stylelint-disable */ -.batchInfoUl{ - padding: 20px; list-style-type: none; +.batchInfoUl { + padding: 20px; + list-style-type: none; +} +.batchInfoUl li { + line-height: 24px; + border-bottom: 1px solid #e8e8e8; } -.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;} -.batchInfoUl li span i {display: inline-block; line-height: 1.2em; font-size: 0.8em; color: #999;} -.batchInfoUl li span a{cursor: pointer; text-decoration: underline;} +.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; +} +.batchInfoUl li span i { + display: inline-block; + line-height: 1.2em; + font-size: 0.8em; + color: #999; +} +.batchInfoUl li span a { + cursor: pointer; + text-decoration: underline; +} diff --git a/src/portal/src/app/base/harbor-shell/harbor-shell.component.scss b/src/portal/src/app/base/harbor-shell/harbor-shell.component.scss index 622b3432f8d..23ea44adb0c 100644 --- a/src/portal/src/app/base/harbor-shell/harbor-shell.component.scss +++ b/src/portal/src/app/base/harbor-shell/harbor-shell.component.scss @@ -6,7 +6,7 @@ position: relative !important; } -.content-container{ +.content-container { position: relative; } diff --git a/src/portal/src/app/base/left-side-nav/clearing-job/audit-log-purge/history/purge-history.component.scss b/src/portal/src/app/base/left-side-nav/clearing-job/audit-log-purge/history/purge-history.component.scss index 6f63db9c9d8..ba84e4e8402 100644 --- a/src/portal/src/app/base/left-side-nav/clearing-job/audit-log-purge/history/purge-history.component.scss +++ b/src/portal/src/app/base/left-side-nav/clearing-job/audit-log-purge/history/purge-history.component.scss @@ -1,5 +1,5 @@ .history-header { - margin:20px 0 6px; + margin: 20px 0 6px; display: inline-block; width: 97%; } @@ -15,6 +15,6 @@ cursor: pointer; &:hover { - color: #007CBB; + color: #007cbb; } } diff --git a/src/portal/src/app/base/left-side-nav/clearing-job/audit-log-purge/set-job/set-job.component.scss b/src/portal/src/app/base/left-side-nav/clearing-job/audit-log-purge/set-job/set-job.component.scss index f517614fd3d..73cb548307f 100644 --- a/src/portal/src/app/base/left-side-nav/clearing-job/audit-log-purge/set-job/set-job.component.scss +++ b/src/portal/src/app/base/left-side-nav/clearing-job/audit-log-purge/set-job/set-job.component.scss @@ -4,7 +4,7 @@ } .gc-start-btn { - width:150px; + width: 150px; margin-top: 35px; } @@ -48,6 +48,6 @@ } .p-06 { - padding-left: .6rem; - padding-right: .6rem; + padding-left: 0.6rem; + padding-right: 0.6rem; } diff --git a/src/portal/src/app/base/left-side-nav/clearing-job/gc-page/gc/gc-history/gc-history.component.scss b/src/portal/src/app/base/left-side-nav/clearing-job/gc-page/gc/gc-history/gc-history.component.scss index 8f610b50d86..35c4f16223d 100644 --- a/src/portal/src/app/base/left-side-nav/clearing-job/gc-page/gc/gc-history/gc-history.component.scss +++ b/src/portal/src/app/base/left-side-nav/clearing-job/gc-page/gc/gc-history/gc-history.component.scss @@ -1,5 +1,5 @@ .history-header { - margin:20px 0 6px; + margin: 20px 0 6px; display: inline-block; width: 97%; } @@ -15,7 +15,7 @@ cursor: pointer; &:hover { - color: #007CBB; + color: #007cbb; } } diff --git a/src/portal/src/app/base/left-side-nav/clearing-job/gc-page/gc/gc.component.scss b/src/portal/src/app/base/left-side-nav/clearing-job/gc-page/gc/gc.component.scss index 4d0cf4bc715..94551c961df 100644 --- a/src/portal/src/app/base/left-side-nav/clearing-job/gc-page/gc/gc.component.scss +++ b/src/portal/src/app/base/left-side-nav/clearing-job/gc-page/gc/gc.component.scss @@ -4,7 +4,7 @@ } .gc-start-btn { - width:150px; + width: 150px; margin-top: 35px; } @@ -32,8 +32,8 @@ } .p-06 { - padding-left: .6rem; - padding-right: .6rem; + padding-left: 0.6rem; + padding-right: 0.6rem; } .worker-select { diff --git a/src/portal/src/app/base/left-side-nav/config/auth/config-auth.component.scss b/src/portal/src/app/base/left-side-nav/config/auth/config-auth.component.scss index 183a5ebf7e1..4d869b5e75a 100644 --- a/src/portal/src/app/base/left-side-nav/config/auth/config-auth.component.scss +++ b/src/portal/src/app/base/left-side-nav/config/auth/config-auth.component.scss @@ -1,4 +1,3 @@ - .oidc-tip { color: rgb(10 10 10); margin-top: 1rem; @@ -13,5 +12,5 @@ } .clr-control-label { - width: 10.6rem !important; + width: 10.6rem !important; } diff --git a/src/portal/src/app/base/left-side-nav/config/security/security.component.scss b/src/portal/src/app/base/left-side-nav/config/security/security.component.scss index 3af4c28b36f..f2c33126c37 100644 --- a/src/portal/src/app/base/left-side-nav/config/security/security.component.scss +++ b/src/portal/src/app/base/left-side-nav/config/security/security.component.scss @@ -1,103 +1,103 @@ .clr-form-horizontal { - .clr-form-control { - & >.clr-control-label { - width: 14rem; + .clr-form-control { + & > .clr-control-label { + width: 14rem; + } } - } - .flex-direction-column { - flex-direction: column; - } + .flex-direction-column { + flex-direction: column; + } } .bottom-line { - display: flex; - flex-direction: column-reverse; + display: flex; + flex-direction: column-reverse; } .expire-data { - min-width: 12.5rem; - margin-top: -1rem; + min-width: 12.5rem; + margin-top: -1rem; } .position-relative { - position: relative; + position: relative; } .pl-05 { - padding-left: 0.5rem; + padding-left: 0.5rem; } .mt-1 { - margin-top: 1rem; + margin-top: 1rem; } .d-f { - display: flex; + display: flex; } .font-size-13 { - font-size: 13px; + font-size: 13px; } .mt-05 { - margin-bottom: 0.5rem; + margin-bottom: 0.5rem; } .title { - font-weight: bold; + font-weight: bold; } .margin-top-4 { - margin-top: 4px; + margin-top: 4px; } .allowlist-window { - border: 1px solid #ccc; - border-radius: 3px; - padding: 12px; - height: 224px; - width: 222px; - overflow-y: auto; - - li { - height: 24px; - line-height: 24px; - list-style-type: none; - } + border: 1px solid #ccc; + border-radius: 3px; + padding: 12px; + height: 224px; + width: 222px; + overflow-y: auto; + + li { + height: 24px; + line-height: 24px; + list-style-type: none; + } } .width-90per { - width: 90%; + width: 90%; } .none { - color: #ccc; + color: #ccc; } .color-0079bb { - color: #0079bb; + color: #0079bb; } .padding-top-8 { - padding-top: 8px; + padding-top: 8px; } .padding-left-80 { - padding-left: 80px; + padding-left: 80px; } .add-modal { - position: absolute; - padding: 0 8px; - background-color: rgb(238 238 238); - - input { - width: 100%; - border: 1px solid; - } - - button { - float: right; - } + position: absolute; + padding: 0 8px; + background-color: rgb(238 238 238); + + input { + width: 100%; + border: 1px solid; + } + + button { + float: right; + } } diff --git a/src/portal/src/app/base/left-side-nav/config/system/system-settings.component.scss b/src/portal/src/app/base/left-side-nav/config/system/system-settings.component.scss index 08ffcc9730c..180653afd29 100644 --- a/src/portal/src/app/base/left-side-nav/config/system/system-settings.component.scss +++ b/src/portal/src/app/base/left-side-nav/config/system/system-settings.component.scss @@ -1,214 +1,213 @@ $input-width: 12rem; - .subtitle { - font-size: 14px; - font-weight: 600; + font-size: 14px; + font-weight: 600; } .clr-form-horizontal { - .clr-form-control { - & >.clr-control-label { - width: 15rem; + .clr-form-control { + & > .clr-control-label { + width: 15rem; + } } - } - .flex-direction-column { - flex-direction: column; - } + .flex-direction-column { + flex-direction: column; + } } .bottom-line { - display: flex; - flex-direction: column-reverse; + display: flex; + flex-direction: column-reverse; } .expire-data { - min-width: 12.5rem; - margin-top: -1rem; + min-width: 12.5rem; + margin-top: -1rem; } .position-relative { - position: relative; + position: relative; } .pl-05 { - padding-left: 0.5rem; + padding-left: 0.5rem; } .mt-1 { - margin-top: 1rem; + margin-top: 1rem; } .d-f { - display: flex; + display: flex; } .font-size-13 { - font-size: 13px; + font-size: 13px; } .mt-05 { - margin-bottom: 0.5rem; + margin-bottom: 0.5rem; } .title { - font-weight: bold; + font-weight: bold; } .margin-top-4 { - margin-top: 4px; + margin-top: 4px; } .allowlist-window { - border: 1px solid #ccc; - border-radius: 3px; - padding: 12px; - height: 224px; - width: 222px; - overflow-y: auto; - - li { - height: 24px; - line-height: 24px; - list-style-type: none; - } + border: 1px solid #ccc; + border-radius: 3px; + padding: 12px; + height: 224px; + width: 222px; + overflow-y: auto; + + li { + height: 24px; + line-height: 24px; + list-style-type: none; + } } .width-90per { - width: 90%; + width: 90%; } .none { - color: #ccc; + color: #ccc; } .color-0079bb { - color: #0079bb; + color: #0079bb; } .padding-top-8 { - padding-top: 8px; + padding-top: 8px; } .padding-left-80 { - padding-left: 80px; + padding-left: 80px; } .add-modal { - position: absolute; - padding: 0 8px; - background-color: rgb(238 238 238); + position: absolute; + padding: 0 8px; + background-color: rgb(238 238 238); - input { - width: 100%; - border: 1px solid; - } + input { + width: 100%; + border: 1px solid; + } - button { - float: right; - } + button { + float: right; + } } -.hand{ - cursor: pointer; - margin: 0; +.hand { + cursor: pointer; + margin: 0; } .cert-down { - margin-top: 0.15rem; + margin-top: 0.15rem; } .info-tips-icon { - color: grey; + color: grey; } .info-tips-icon:hover { - color: #007CBB; + color: #007cbb; } .replication-config { - margin-top: 0; - margin-bottom: 0; + margin-top: 0; + margin-bottom: 0; } .replication-text { - font-size: 14px; - font-weight: 600; + font-size: 14px; + font-weight: 600; } .replication-tooltip { - top: -8px; + top: -8px; } .margin-top-3px { - margin-top: 3px; + margin-top: 3px; } .center { - display: flex; - align-items: center; + display: flex; + align-items: center; } .clr-input { - width: $input-width; + width: $input-width; } .pro-creation { - width: $input-width; + width: $input-width; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { - appearance: none; - margin: 0; + appearance: none; + margin: 0; } /* Firefox */ -input[type=number] { - appearance: textfield; +input[type='number'] { + appearance: textfield; } .clr-textarea { - max-width: none; - width: $input-width; + max-width: none; + width: $input-width; } .flex-baseline { - display: flex; - align-items: baseline; + display: flex; + align-items: baseline; } $message-type-width: 12rem; .message-type { - margin-left: 2rem; - width: $message-type-width; + margin-left: 2rem; + width: $message-type-width; } .message-label { - margin-right: 0.25rem; + margin-right: 0.25rem; } .duration { - width: $input-width; - display: flex; - justify-content: right; + width: $input-width; + display: flex; + justify-content: right; } .flex { - display: flex; + display: flex; } -:host::ng-deep clr-date-container{ - margin-top: 0; - margin-left: 0.5rem; +:host::ng-deep clr-date-container { + margin-top: 0; + margin-left: 0.5rem; } .message-select { - width: 6.75rem; + width: 6.75rem; } .date { - width: 6rem; + width: 6rem; } diff --git a/src/portal/src/app/base/left-side-nav/distribution/distribution-instances/distribution-instances.component.scss b/src/portal/src/app/base/left-side-nav/distribution/distribution-instances/distribution-instances.component.scss index 30ca69d5500..78b5407e240 100644 --- a/src/portal/src/app/base/left-side-nav/distribution/distribution-instances/distribution-instances.component.scss +++ b/src/portal/src/app/base/left-side-nav/distribution/distribution-instances/distribution-instances.component.scss @@ -1,9 +1,9 @@ -@import "../base"; +@import '../base'; -$refrsh-btn-color: #007CBB; +$refrsh-btn-color: #007cbb; .refresh-btn { - @include refresh-button + @include refresh-button; } .refresh-btn:hover { diff --git a/src/portal/src/app/base/left-side-nav/distribution/distribution-setup-modal/distribution-setup-modal.component.scss b/src/portal/src/app/base/left-side-nav/distribution/distribution-setup-modal/distribution-setup-modal.component.scss index b997dacaf9e..b5208b2e311 100644 --- a/src/portal/src/app/base/left-side-nav/distribution/distribution-setup-modal/distribution-setup-modal.component.scss +++ b/src/portal/src/app/base/left-side-nav/distribution/distribution-setup-modal/distribution-setup-modal.component.scss @@ -1,7 +1,7 @@ .display-none { - display: none; + display: none; } .width-280 { - width: 280px; + width: 280px; } diff --git a/src/portal/src/app/base/left-side-nav/group/add-group-modal/add-group-modal.component.scss b/src/portal/src/app/base/left-side-nav/group/add-group-modal/add-group-modal.component.scss index a28413c2427..9301bbbef49 100644 --- a/src/portal/src/app/base/left-side-nav/group/add-group-modal/add-group-modal.component.scss +++ b/src/portal/src/app/base/left-side-nav/group/add-group-modal/add-group-modal.component.scss @@ -1,3 +1,3 @@ .padding-left-6 { - padding-left: 6px; -} \ No newline at end of file + padding-left: 6px; +} diff --git a/src/portal/src/app/base/left-side-nav/group/group.component.scss b/src/portal/src/app/base/left-side-nav/group/group.component.scss index 15986aa07bb..e51c5a80375 100644 --- a/src/portal/src/app/base/left-side-nav/group/group.component.scss +++ b/src/portal/src/app/base/left-side-nav/group/group.component.scss @@ -29,7 +29,7 @@ } .refresh-btn:hover { - color: #007CBB; + color: #007cbb; } .hide-create { @@ -39,7 +39,7 @@ .rightPos { position: absolute; right: 20px; - height:32px; + height: 32px; z-index: 100; } diff --git a/src/portal/src/app/base/left-side-nav/interrogation-services/interrogation-services.component.scss b/src/portal/src/app/base/left-side-nav/interrogation-services/interrogation-services.component.scss index 5b18a2f6a3c..caeb8500303 100644 --- a/src/portal/src/app/base/left-side-nav/interrogation-services/interrogation-services.component.scss +++ b/src/portal/src/app/base/left-side-nav/interrogation-services/interrogation-services.component.scss @@ -1,23 +1,23 @@ .sub-header-title { - margin-top: 12px; - margin-bottom: 12px; + margin-top: 12px; + margin-bottom: 12px; } .subnav { - .nav { - padding-left: 0; - } + .nav { + padding-left: 0; + } } .role-label { - color: #CCC; - font-size: 14px; - font-style: italic; - letter-spacing: 0.01em; + color: #ccc; + font-size: 14px; + font-style: italic; + letter-spacing: 0.01em; } /* stylelint-disable */ -.backStyle{ - color: #007cbb; - font-size: 12px; - cursor: pointer; +.backStyle { + color: #007cbb; + font-size: 12px; + cursor: pointer; } diff --git a/src/portal/src/app/base/left-side-nav/interrogation-services/scanner/config-scanner.component.scss b/src/portal/src/app/base/left-side-nav/interrogation-services/scanner/config-scanner.component.scss index 2c32d769997..457aae0eab3 100644 --- a/src/portal/src/app/base/left-side-nav/interrogation-services/scanner/config-scanner.component.scss +++ b/src/portal/src/app/base/left-side-nav/interrogation-services/scanner/config-scanner.component.scss @@ -1,39 +1,39 @@ .action-head-pos { - padding-right: 18px; - height: 24px; - display: flex; - justify-content: flex-end; + padding-right: 18px; + height: 24px; + display: flex; + justify-content: flex-end; } .refresh-btn { - cursor: pointer; - margin-top: 7px; + cursor: pointer; + margin-top: 7px; } .margin-left-5 { - margin-left: 5px; + margin-left: 5px; } .width-240 { - min-width: 240px !important; + min-width: 240px !important; } .width-120 { - min-width: 120px !important; + min-width: 120px !important; } .margin-top-0 { - margin-top: 0; + margin-top: 0; } .margin-top-2 { - margin-top: 2px; + margin-top: 2px; } .margin-left-10 { - margin-left: 10px; + margin-left: 10px; } .doc { - font-size: 0.7rem; + font-size: 0.7rem; } diff --git a/src/portal/src/app/base/left-side-nav/interrogation-services/scanner/new-scanner-form/new-scanner-form.component.scss b/src/portal/src/app/base/left-side-nav/interrogation-services/scanner/new-scanner-form/new-scanner-form.component.scss index f7acfa6d06b..d5e0523add4 100644 --- a/src/portal/src/app/base/left-side-nav/interrogation-services/scanner/new-scanner-form/new-scanner-form.component.scss +++ b/src/portal/src/app/base/left-side-nav/interrogation-services/scanner/new-scanner-form/new-scanner-form.component.scss @@ -1,11 +1,11 @@ .width-280 { - width: 280px; + width: 280px; } -.color-57{ - color: #575757; +.color-57 { + color: #575757; } .padding-top-3 { - padding-top: 3px; -} \ No newline at end of file + padding-top: 3px; +} diff --git a/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability-database/security-hub.component.scss b/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability-database/security-hub.component.scss index fb1c6f12744..b1f48a84edb 100644 --- a/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability-database/security-hub.component.scss +++ b/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability-database/security-hub.component.scss @@ -1,69 +1,68 @@ .flex { - display: flex; + display: flex; } .label-critical { - background:#ff4d2e; - color:#000; + background: #ff4d2e; + color: #000; } .label-danger { - background:#ff8f3d!important; - color:#000!important; + background: #ff8f3d !important; + color: #000 !important; } .label-medium { - background-color: #ffce66; - color:#000; + background-color: #ffce66; + color: #000; } .label-low { - background: #fff1ad; - color:#000; + background: #fff1ad; + color: #000; } .label-none { - background-color: #2ec0ff; - color:#000; + background-color: #2ec0ff; + color: #000; } .no-border { - border: none; + border: none; } - .action-bar { - display: flex; - align-items: flex-end; - justify-content: space-between; + display: flex; + align-items: flex-end; + justify-content: space-between; } .refresh-btn { - margin-right: 2rem; - cursor: pointer; + margin-right: 2rem; + cursor: pointer; - &:hover { - color: #007CBB; - } + &:hover { + color: #007cbb; + } } .repo-name { - min-width: 10rem; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + min-width: 10rem; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .ellipsis { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .min-width { - min-width: 9rem !important; + min-width: 9rem !important; } .label { - min-width: 3rem; + min-width: 3rem; } diff --git a/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability-database/single-bar/single-bar.component.scss b/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability-database/single-bar/single-bar.component.scss index cb5f33cc67f..de5baae6b1b 100644 --- a/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability-database/single-bar/single-bar.component.scss +++ b/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability-database/single-bar/single-bar.component.scss @@ -1,6 +1,6 @@ .single-bar { - width: 160px; - height: 80px; - position: absolute; - top: -12px; + width: 160px; + height: 80px; + position: absolute; + top: -12px; } diff --git a/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability-database/vulnerability-filter/vulnerability-filter.component.scss b/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability-database/vulnerability-filter/vulnerability-filter.component.scss index 0c9e5d4dab9..bfaa0d6d383 100644 --- a/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability-database/vulnerability-filter/vulnerability-filter.component.scss +++ b/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability-database/vulnerability-filter/vulnerability-filter.component.scss @@ -1,54 +1,51 @@ $input-and-select-width: 8rem; - - .flex { - display: flex; + display: flex; } .clr-control-container { - align-items: center; + align-items: center; } .clr-select { - min-width: $input-and-select-width; - margin-top: 1px; + min-width: $input-and-select-width; + margin-top: 1px; } .clr-input-wrapper { - min-width: $input-and-select-width; + min-width: $input-and-select-width; } .clr-control-label { - width: 4rem !important; + width: 4rem !important; } .plus { - margin-left: 2rem; - background-color: green; - border-radius: 50%; - color: white; - cursor: pointer; + margin-left: 2rem; + background-color: green; + border-radius: 50%; + color: white; + cursor: pointer; } .minus { - margin-left: 1rem; - background-color: red; - border-radius: 50%; - color: white; - cursor: pointer; + margin-left: 1rem; + background-color: red; + border-radius: 50%; + color: white; + cursor: pointer; } .clr-form { - padding-left: 0.75rem; + padding-left: 0.75rem; } .disabled { - cursor: not-allowed; - background-color: gray; + cursor: not-allowed; + background-color: gray; } .clr-row { - align-items: baseline; - + align-items: baseline; } diff --git a/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability-database/vulnerability-summary/vulnerability-summary.component.scss b/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability-database/vulnerability-summary/vulnerability-summary.component.scss index e3bde20c6f5..20277b079e2 100644 --- a/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability-database/vulnerability-summary/vulnerability-summary.component.scss +++ b/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability-database/vulnerability-summary/vulnerability-summary.component.scss @@ -1,134 +1,134 @@ $row-height: 48px; .sub-header-title { - padding: 0 !important; + padding: 0 !important; } .container { - display: flex; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .card { - max-width: 32%; - min-width: 20rem; - flex-grow:0; - flex-shrink:0; - height: 17rem; + max-width: 32%; + min-width: 20rem; + flex-grow: 0; + flex-shrink: 0; + height: 17rem; } .card:not(:last-child) { - margin-right: 1rem; + margin-right: 1rem; } .placeholder { - position: relative; - width: 100%; + position: relative; + width: 100%; } .pie-chart { - position: absolute; - top: -6rem; - width: 100%; - height: 200px; + position: absolute; + top: -6rem; + width: 100%; + height: 200px; } .column { - font-size: 10px; - font-weight: bolder; - text-transform: uppercase; + font-size: 10px; + font-weight: bolder; + text-transform: uppercase; } .ellipsis { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .single-bar-container { - position: relative; - height: $row-height; - width: 60px; + position: relative; + height: $row-height; + width: 60px; } .card-header { - height: 4rem; + height: 4rem; } .row { - height: $row-height; + height: $row-height; } .search { - display: flex; - align-items: center; + display: flex; + align-items: center; } .label-critical { - background:#ff4d2e; - color:#000; + background: #ff4d2e; + color: #000; } .label-danger { - background:#ff8f3d!important; - color:#000!important; + background: #ff8f3d !important; + color: #000 !important; } .label-medium { - background-color: #ffce66; - color:#000; + background-color: #ffce66; + color: #000; } .label-low { - background: #fff1ad; - color:#000; + background: #fff1ad; + color: #000; } .label-none { - background-color: #2ec0ff; - color:#000; + background-color: #2ec0ff; + color: #000; } .no-border { - border: none; + border: none; } .clr-col { - min-width: 0; + min-width: 0; } .page-title-tooltip { - margin-left: 5px; - margin-top: -2px; + margin-left: 5px; + margin-top: -2px; } .h2 { - display: flex; - align-items: center; + display: flex; + align-items: center; } .label { - min-width: 3rem; + min-width: 3rem; } .datagrid-placeholder { - margin-top: 2.5rem; - border-top: 0; - padding: 0.6rem; - display: flex; - flex-flow: column nowrap; - align-items: center; - justify-content: flex-start; - font-size: .8rem; - color: #b3b3b3; + margin-top: 2.5rem; + border-top: 0; + padding: 0.6rem; + display: flex; + flex-flow: column nowrap; + align-items: center; + justify-content: flex-start; + font-size: 0.8rem; + color: #b3b3b3; } .datagrid-placeholder-image { - height: 3rem; - width: 3rem; - margin-bottom: 0.6rem; - background-repeat: no-repeat; - background-size: contain; - background-position: center; - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2060%2072%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cellipse%20id%3D%22path-1%22%20cx%3D%2230%22%20cy%3D%2261.7666667%22%20rx%3D%2215.4512904%22%20ry%3D%224.73333333%22%3E%3C%2Fellipse%3E%0A%20%20%20%20%20%20%20%20%3Cmask%20id%3D%22mask-2%22%20maskContentUnits%3D%22userSpaceOnUse%22%20maskUnits%3D%22objectBoundingBox%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2230.9025808%22%20height%3D%229.46666667%22%20fill%3D%22white%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%0A%20%20%20%20%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Artboard%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20id%3D%22Oval-10%22%20stroke%3D%22%23C1DFEF%22%20mask%3D%22url(%23mask-2)%22%20stroke-width%3D%222.8%22%20stroke-linecap%3D%22square%22%20stroke-dasharray%3D%223%2C6%2C3%2C5%22%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M38.4613647%2C18.1642456%20L30.9890137%2C34.9141846%20L31%2C47%20L32.5977783%2C46.5167236%20L32.5977783%2C34.9141846%20L51.0673218%2C15.7560425%20C51.0673218%2C15.7560425%2048.6295166%2C16.6542969%2044.9628906%2C17.3392334%20C41.2962646%2C18.0241699%2038.4613647%2C18.1642456%2038.4613647%2C18.1642456%20Z%22%20id%3D%22Path-195%22%20fill%3D%22%23C1DFEF%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M4.74639226%2C12.5661855%20L4.62065726%2C12.1605348%20L5.3515414%2C11.1625044%20L5.77622385%2C11.159939%20L6.20936309%2C12.5573481%20L4.74639226%2C12.5661855%20Z%20M6.20936309%2C12.5573481%20L6.32542632%2C12.9317954%20L28.4963855%2C34.8796718%20L28.4963855%2C47.8096691%20L32.6%2C46.4836513%20L32.6%2C34.8992365%20L53.973494%2C12.7035813%20L53.973494%2C12.2688201%20L6.20936309%2C12.5573481%20Z%20M55.373494%2C10.8603376%20L55.373494%2C13.2680664%20L34%2C35.4637216%20L34%2C47.5025401%20L27.0963855%2C49.7333333%20L27.0963855%2C35.4637219%20L5.09179688%2C13.680542%20L4.31325301%2C11.1687764%20L55.373494%2C10.8603376%20Z%22%20id%3D%22Path-149%22%20fill%3D%22%237FBDDD%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cellipse%20id%3D%22Oval-9%22%20fill%3D%22%23FFFFFF%22%20cx%3D%2230%22%20cy%3D%2211.785654%22%20rx%3D%2226%22%20ry%3D%226.78565401%22%3E%3C%2Fellipse%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M30%2C17.171308%20C36.8772177%2C17.171308%2043.3112282%2C16.4610701%2048.0312371%2C15.2292106%20C50.2777611%2C14.6428977%2052.0507619%2C13.9579677%2053.2216231%2C13.2354973%20C54.1938565%2C12.6355886%2054.6%2C12.1175891%2054.6%2C11.785654%20C54.6%2C11.4537189%2054.1938565%2C10.9357194%2053.2216231%2C10.3358107%20C52.0507619%2C9.61334032%2050.2777611%2C8.92841034%2048.0312371%2C8.34209746%20C43.3112282%2C7.11023795%2036.8772177%2C6.4%2030%2C6.4%20C23.1227823%2C6.4%2016.6887718%2C7.11023795%2011.9687629%2C8.34209746%20C9.72223886%2C8.92841034%207.94923814%2C9.61334032%206.77837689%2C10.3358107%20C5.8061435%2C10.9357194%205.4%2C11.4537189%205.4%2C11.785654%20C5.4%2C12.1175891%205.8061435%2C12.6355886%206.77837689%2C13.2354973%20C7.94923814%2C13.9579677%209.72223886%2C14.6428977%2011.9687629%2C15.2292106%20C16.6887718%2C16.4610701%2023.1227823%2C17.171308%2030%2C17.171308%20Z%20M30%2C18.571308%20C15.6405965%2C18.571308%204%2C15.5332672%204%2C11.785654%20C4%2C8.03804078%2015.6405965%2C5%2030%2C5%20C44.3594035%2C5%2056%2C8.03804078%2056%2C11.785654%20C56%2C15.5332672%2044.3594035%2C18.571308%2030%2C18.571308%20Z%22%20id%3D%22Oval-9-Copy%22%20fill%3D%22%237FBDDD%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M18.2608643%2C7.14562988%20L22.727356%2C16.9047241%20C22.727356%2C16.9047241%2015.3006592%2C16.3911743%2010.276001%2C14.7511597%20C5.25134277%2C13.111145%205.38031006%2C11.8284302%205.38031006%2C11.6882935%20C5.38031006%2C10.4832831%208.16633152%2C9.41877716%2011.114563%2C8.57324219%20C14.549319%2C7.58817492%2018.2608643%2C7.14562988%2018.2608643%2C7.14562988%20Z%22%20id%3D%22Path-196%22%20fill%3D%22%23C1DFEF%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); + height: 3rem; + width: 3rem; + margin-bottom: 0.6rem; + background-repeat: no-repeat; + background-size: contain; + background-position: center; + background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2060%2072%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cellipse%20id%3D%22path-1%22%20cx%3D%2230%22%20cy%3D%2261.7666667%22%20rx%3D%2215.4512904%22%20ry%3D%224.73333333%22%3E%3C%2Fellipse%3E%0A%20%20%20%20%20%20%20%20%3Cmask%20id%3D%22mask-2%22%20maskContentUnits%3D%22userSpaceOnUse%22%20maskUnits%3D%22objectBoundingBox%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2230.9025808%22%20height%3D%229.46666667%22%20fill%3D%22white%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%0A%20%20%20%20%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Artboard%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20id%3D%22Oval-10%22%20stroke%3D%22%23C1DFEF%22%20mask%3D%22url(%23mask-2)%22%20stroke-width%3D%222.8%22%20stroke-linecap%3D%22square%22%20stroke-dasharray%3D%223%2C6%2C3%2C5%22%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M38.4613647%2C18.1642456%20L30.9890137%2C34.9141846%20L31%2C47%20L32.5977783%2C46.5167236%20L32.5977783%2C34.9141846%20L51.0673218%2C15.7560425%20C51.0673218%2C15.7560425%2048.6295166%2C16.6542969%2044.9628906%2C17.3392334%20C41.2962646%2C18.0241699%2038.4613647%2C18.1642456%2038.4613647%2C18.1642456%20Z%22%20id%3D%22Path-195%22%20fill%3D%22%23C1DFEF%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M4.74639226%2C12.5661855%20L4.62065726%2C12.1605348%20L5.3515414%2C11.1625044%20L5.77622385%2C11.159939%20L6.20936309%2C12.5573481%20L4.74639226%2C12.5661855%20Z%20M6.20936309%2C12.5573481%20L6.32542632%2C12.9317954%20L28.4963855%2C34.8796718%20L28.4963855%2C47.8096691%20L32.6%2C46.4836513%20L32.6%2C34.8992365%20L53.973494%2C12.7035813%20L53.973494%2C12.2688201%20L6.20936309%2C12.5573481%20Z%20M55.373494%2C10.8603376%20L55.373494%2C13.2680664%20L34%2C35.4637216%20L34%2C47.5025401%20L27.0963855%2C49.7333333%20L27.0963855%2C35.4637219%20L5.09179688%2C13.680542%20L4.31325301%2C11.1687764%20L55.373494%2C10.8603376%20Z%22%20id%3D%22Path-149%22%20fill%3D%22%237FBDDD%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cellipse%20id%3D%22Oval-9%22%20fill%3D%22%23FFFFFF%22%20cx%3D%2230%22%20cy%3D%2211.785654%22%20rx%3D%2226%22%20ry%3D%226.78565401%22%3E%3C%2Fellipse%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M30%2C17.171308%20C36.8772177%2C17.171308%2043.3112282%2C16.4610701%2048.0312371%2C15.2292106%20C50.2777611%2C14.6428977%2052.0507619%2C13.9579677%2053.2216231%2C13.2354973%20C54.1938565%2C12.6355886%2054.6%2C12.1175891%2054.6%2C11.785654%20C54.6%2C11.4537189%2054.1938565%2C10.9357194%2053.2216231%2C10.3358107%20C52.0507619%2C9.61334032%2050.2777611%2C8.92841034%2048.0312371%2C8.34209746%20C43.3112282%2C7.11023795%2036.8772177%2C6.4%2030%2C6.4%20C23.1227823%2C6.4%2016.6887718%2C7.11023795%2011.9687629%2C8.34209746%20C9.72223886%2C8.92841034%207.94923814%2C9.61334032%206.77837689%2C10.3358107%20C5.8061435%2C10.9357194%205.4%2C11.4537189%205.4%2C11.785654%20C5.4%2C12.1175891%205.8061435%2C12.6355886%206.77837689%2C13.2354973%20C7.94923814%2C13.9579677%209.72223886%2C14.6428977%2011.9687629%2C15.2292106%20C16.6887718%2C16.4610701%2023.1227823%2C17.171308%2030%2C17.171308%20Z%20M30%2C18.571308%20C15.6405965%2C18.571308%204%2C15.5332672%204%2C11.785654%20C4%2C8.03804078%2015.6405965%2C5%2030%2C5%20C44.3594035%2C5%2056%2C8.03804078%2056%2C11.785654%20C56%2C15.5332672%2044.3594035%2C18.571308%2030%2C18.571308%20Z%22%20id%3D%22Oval-9-Copy%22%20fill%3D%22%237FBDDD%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M18.2608643%2C7.14562988%20L22.727356%2C16.9047241%20C22.727356%2C16.9047241%2015.3006592%2C16.3911743%2010.276001%2C14.7511597%20C5.25134277%2C13.111145%205.38031006%2C11.8284302%205.38031006%2C11.6882935%20C5.38031006%2C10.4832831%208.16633152%2C9.41877716%2011.114563%2C8.57324219%20C14.549319%2C7.58817492%2018.2608643%2C7.14562988%2018.2608643%2C7.14562988%20Z%22%20id%3D%22Path-196%22%20fill%3D%22%23C1DFEF%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E'); } diff --git a/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability/vulnerability-config.component.scss b/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability/vulnerability-config.component.scss index 3b6bc12fd70..7db929bd2d7 100644 --- a/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability/vulnerability-config.component.scss +++ b/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability/vulnerability-config.component.scss @@ -28,9 +28,9 @@ .dropdown-namespace { min-width: 300px; - .namespace { - margin-left: 24px; - } + .namespace { + margin-left: 24px; + } } } @@ -39,16 +39,16 @@ align-items: center; .btn-scan-right { - button{ + button { width: 160px; margin-bottom: 0; margin-top: 41px; - } + } } } .update-time { - font-size: .5417rem; + font-size: 0.5417rem; width: 200px; padding-right: 1rem; } @@ -91,7 +91,7 @@ .container { height: 18px; display: flex; - background-color:#eee; + background-color: #eee; } .state { @@ -136,7 +136,7 @@ } .info-tips-icon:hover { - color: #007CBB; + color: #007cbb; } .replication-config { diff --git a/src/portal/src/app/base/left-side-nav/job-service-dashboard/job-service-dashboard.component.scss b/src/portal/src/app/base/left-side-nav/job-service-dashboard/job-service-dashboard.component.scss index 6d517ae929c..388367fface 100644 --- a/src/portal/src/app/base/left-side-nav/job-service-dashboard/job-service-dashboard.component.scss +++ b/src/portal/src/app/base/left-side-nav/job-service-dashboard/job-service-dashboard.component.scss @@ -1,25 +1,22 @@ @mixin v-center { - display: flex; - align-items: center; + display: flex; + align-items: center; } - .title { - display: flex; - align-items: center; - margin-top: 0; + display: flex; + align-items: center; + margin-top: 0; } .dashboard { - margin-right: 0.5rem; + margin-right: 0.5rem; } .pr-10 { - padding-right: 2rem; + padding-right: 2rem; } .card-block { - height: 9rem; + height: 9rem; } - - diff --git a/src/portal/src/app/base/left-side-nav/job-service-dashboard/pending-job-card/pending-job-card.component.scss b/src/portal/src/app/base/left-side-nav/job-service-dashboard/pending-job-card/pending-job-card.component.scss index 766f2454f25..1abd020df2c 100644 --- a/src/portal/src/app/base/left-side-nav/job-service-dashboard/pending-job-card/pending-job-card.component.scss +++ b/src/portal/src/app/base/left-side-nav/job-service-dashboard/pending-job-card/pending-job-card.component.scss @@ -11,7 +11,6 @@ height: 9rem; } - .center { display: flex; align-items: center; diff --git a/src/portal/src/app/base/left-side-nav/job-service-dashboard/pending-job-list/pending-job-list.component.scss b/src/portal/src/app/base/left-side-nav/job-service-dashboard/pending-job-list/pending-job-list.component.scss index 6ecbe1b0925..7534052d08a 100644 --- a/src/portal/src/app/base/left-side-nav/job-service-dashboard/pending-job-list/pending-job-list.component.scss +++ b/src/portal/src/app/base/left-side-nav/job-service-dashboard/pending-job-list/pending-job-list.component.scss @@ -1,22 +1,22 @@ .action-bar { - display: flex; - justify-content: space-between; - align-items: center; + display: flex; + justify-content: space-between; + align-items: center; } .refresh-btn { - margin-right: 1rem; + margin-right: 1rem; } .warning { - color: #a36500; + color: #a36500; } .container { - display: flex; - align-items: center; + display: flex; + align-items: center; } .ml-5px { - margin-left: 5px; + margin-left: 5px; } diff --git a/src/portal/src/app/base/left-side-nav/job-service-dashboard/schedule-list/schedule-list.component.scss b/src/portal/src/app/base/left-side-nav/job-service-dashboard/schedule-list/schedule-list.component.scss index 8a4ac96b334..d72fd84bf83 100644 --- a/src/portal/src/app/base/left-side-nav/job-service-dashboard/schedule-list/schedule-list.component.scss +++ b/src/portal/src/app/base/left-side-nav/job-service-dashboard/schedule-list/schedule-list.component.scss @@ -1,24 +1,24 @@ .action-bar { - display: flex; - justify-content: right; + display: flex; + justify-content: right; } .refresh-btn { - margin-right: 1rem; + margin-right: 1rem; } .link-normal { - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - max-width: 10rem; - text-transform: unset; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 10rem; + text-transform: unset; } .flex { - display: flex; + display: flex; } .pre { - min-width: 25rem; + min-width: 25rem; } diff --git a/src/portal/src/app/base/left-side-nav/job-service-dashboard/worker-card/donut-chart/donut-chart.component.scss b/src/portal/src/app/base/left-side-nav/job-service-dashboard/worker-card/donut-chart/donut-chart.component.scss index ab0d38b5bfd..1a33b24e82d 100644 --- a/src/portal/src/app/base/left-side-nav/job-service-dashboard/worker-card/donut-chart/donut-chart.component.scss +++ b/src/portal/src/app/base/left-side-nav/job-service-dashboard/worker-card/donut-chart/donut-chart.component.scss @@ -38,7 +38,3 @@ $small: 100px; border-radius: 0 $big $big 0; transform-origin: left center; } - - - - diff --git a/src/portal/src/app/base/left-side-nav/job-service-dashboard/worker-card/worker-card.component.scss b/src/portal/src/app/base/left-side-nav/job-service-dashboard/worker-card/worker-card.component.scss index c93b7d46393..ac63497707c 100644 --- a/src/portal/src/app/base/left-side-nav/job-service-dashboard/worker-card/worker-card.component.scss +++ b/src/portal/src/app/base/left-side-nav/job-service-dashboard/worker-card/worker-card.component.scss @@ -1,7 +1,7 @@ .donut-chart { - display: flex; - align-items: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .card-block { diff --git a/src/portal/src/app/base/left-side-nav/job-service-dashboard/worker-list/worker-list.component.scss b/src/portal/src/app/base/left-side-nav/job-service-dashboard/worker-list/worker-list.component.scss index 603ba8dafcf..1d8cde7aa19 100644 --- a/src/portal/src/app/base/left-side-nav/job-service-dashboard/worker-list/worker-list.component.scss +++ b/src/portal/src/app/base/left-side-nav/job-service-dashboard/worker-list/worker-list.component.scss @@ -1,26 +1,26 @@ .link-normal { - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - max-width: 10rem; - text-transform: unset; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 10rem; + text-transform: unset; } .action-bar { - display: flex; - justify-content: right; + display: flex; + justify-content: right; } .refresh-btn { - margin-right: 1rem; + margin-right: 1rem; } .action-bar-worker { - display: flex; - justify-content: space-between; - align-items: center; + display: flex; + justify-content: space-between; + align-items: center; } .pre { - min-width: 25rem; + min-width: 25rem; } diff --git a/src/portal/src/app/base/left-side-nav/log/recent-log.component.scss b/src/portal/src/app/base/left-side-nav/log/recent-log.component.scss index fac9f7ee935..aceab0c838b 100644 --- a/src/portal/src/app/base/left-side-nav/log/recent-log.component.scss +++ b/src/portal/src/app/base/left-side-nav/log/recent-log.component.scss @@ -15,7 +15,7 @@ } .refresh-btn:hover { - color: #007CBB; + color: #007cbb; } .custom-lines-button { diff --git a/src/portal/src/app/base/left-side-nav/project-quotas/project-quotas-container.component.scss b/src/portal/src/app/base/left-side-nav/project-quotas/project-quotas-container.component.scss index e8c5586b84a..d1f0e0f78a4 100644 --- a/src/portal/src/app/base/left-side-nav/project-quotas/project-quotas-container.component.scss +++ b/src/portal/src/app/base/left-side-nav/project-quotas/project-quotas-container.component.scss @@ -1,3 +1,3 @@ .v-mid { - vertical-align: middle; + vertical-align: middle; } diff --git a/src/portal/src/app/base/left-side-nav/project-quotas/project-quotas/edit-project-quotas/edit-project-quotas.component.scss b/src/portal/src/app/base/left-side-nav/project-quotas/project-quotas/edit-project-quotas/edit-project-quotas.component.scss index b8507e29e72..5c42da4afda 100644 --- a/src/portal/src/app/base/left-side-nav/project-quotas/project-quotas/edit-project-quotas/edit-project-quotas.component.scss +++ b/src/portal/src/app/base/left-side-nav/project-quotas/project-quotas/edit-project-quotas/edit-project-quotas.component.scss @@ -1,100 +1,99 @@ :host::ng-deep.modal-dialog { - width: 30rem; + width: 30rem; } .modal-body { - outline: none; - padding-top: 0.8rem; - overflow-y: visible; - overflow-x: visible; + outline: none; + 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; - position: relative; - } - - .mr-3px { - margin-right: 3px; + .body-label { + font-size: 14px; } - .quota-input { - width: 2.25rem; - margin-left: 1rem; - margin-right: 0.2rem; + .clr-form { + padding-left: 0; + + .left-label { + width: 11.5rem; + font-weight: 100; + position: relative; + } + + .mr-3px { + margin-right: 3px; + } + + .quota-input { + width: 2.25rem; + margin-left: 1rem; + margin-right: 0.2rem; + } + + .clr-validate-icon { + margin-left: -0.6rem; + } + + .select-div { + width: 2.5rem; + } + + .clr-select-wrapper { + position: absolute; + right: -8rem; + top: -0.11rem; + } } - .clr-validate-icon { - margin-left: -0.6rem; - } + .clr-form-compact-common { + .left-label { + width: 9.5rem; + } - .select-div { - width: 2.5rem; - } + .quota-input { + margin-left: 0; + } - .clr-select-wrapper { - position: absolute; - right: -8rem; - top: -0.11rem; - } - - } - - .clr-form-compact-common { - .left-label { - width: 9.5rem; - } - - .quota-input { - margin-left: 0; - } - - .select-div { - width: 1.6rem; - } + .select-div { + width: 1.6rem; + } - .clr-select-wrapper { - right: -5.5rem; + .clr-select-wrapper { + right: -5.5rem; + } } - } } select { - font-weight: 100; + font-weight: 100; } .progress-block { - width: 8rem; + width: 8rem; } .progress-div { - position: absolute; - padding-right: 0.6rem; - width: 7.5rem; - top: 0.2rem; - right: -13.3rem; + position: absolute; + padding-right: 0.6rem; + width: 7.5rem; + top: 0.2rem; + right: -13.3rem; } .progress-label { - position: absolute; - right: -4rem; - margin-top: 0; - width: 5rem; - font-weight: 100; - font-size: 10px; + position: absolute; + right: -4rem; + margin-top: 0; + width: 5rem; + font-weight: 100; + font-size: 10px; } /* stylelint-disable */ ::ng-deep { - .clr-error { - .clr-validate-icon { - margin-left: -12px; + .clr-error { + .clr-validate-icon { + margin-left: -12px; + } } - } } diff --git a/src/portal/src/app/base/left-side-nav/project-quotas/project-quotas/project-quotas.component.scss b/src/portal/src/app/base/left-side-nav/project-quotas/project-quotas/project-quotas.component.scss index 69182574ec5..a34c1c102ca 100644 --- a/src/portal/src/app/base/left-side-nav/project-quotas/project-quotas/project-quotas.component.scss +++ b/src/portal/src/app/base/left-side-nav/project-quotas/project-quotas/project-quotas.component.scss @@ -1,95 +1,96 @@ .default-quota { - display: flex; - - .default-quota-text { display: flex; - align-items: center; - font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif; - .width-10rem { - width: 15rem; - font-size: 15px; - } + .default-quota-text { + display: flex; + align-items: center; + font-family: Metropolis, 'Avenir Next', 'Helvetica Neue', Arial, + sans-serif; - .num-count { - display: inline-block; - min-width: 2rem; - font-weight: 600; - font-size: 15px; - text-transform: uppercase; + .width-10rem { + width: 15rem; + font-size: 15px; + } + + .num-count { + display: inline-block; + min-width: 2rem; + font-weight: 600; + font-size: 15px; + text-transform: uppercase; + } } - } } .pt-19px { - padding-top: 19px; + padding-top: 19px; } .font-size-13 { - font-size: 13px; + font-size: 13px; } .progress-block { - label { - font-weight: 400 !important; - width: 30%; - font-size: 10px; - } + label { + font-weight: 400 !important; + width: 30%; + font-size: 10px; + } } .default-quota-edit-button { - font-size: 14px; - margin-left: 60px; + font-size: 14px; + margin-left: 60px; } .min-label-width { - min-width: 120px; + min-width: 120px; } .quota-top { - display: flex; - justify-content: space-between; - line-height: 1.55; - margin-bottom: .35rem; + display: flex; + justify-content: space-between; + line-height: 1.55; + margin-bottom: 0.35rem; } :host::ng-deep { - .progress { - &.warning>progress { - color: orange; + .progress { + &.warning > progress { + color: orange; - &::-webkit-progress-value { - background-color: orange; - } + &::-webkit-progress-value { + background-color: orange; + } - &::-moz-progress-bar { - background-color: orange; - } - } - /* stylelint-disable */ - &>progress { - height: 75%; + &::-moz-progress-bar { + background-color: orange; + } + } + /* stylelint-disable */ + & > progress { + height: 75%; + } } - } } .action-head-pos { - padding-right: 18px; - height: 100%; - display: flex; - justify-content: flex-end; - align-items: center; + padding-right: 18px; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; } .search { - align-items: baseline; - padding-top: 0.2rem; - justify-content: flex-end; - margin-right: 2rem; + align-items: baseline; + padding-top: 0.2rem; + justify-content: flex-end; + margin-right: 2rem; } :host::ng-deep { - .filter-input { - width: 240px; - } + .filter-input { + width: 240px; + } } diff --git a/src/portal/src/app/base/left-side-nav/projects/create-project/create-project.scss b/src/portal/src/app/base/left-side-nav/projects/create-project/create-project.scss index 8fd9af137ca..43c9bb4431a 100644 --- a/src/portal/src/app/base/left-side-nav/projects/create-project/create-project.scss +++ b/src/portal/src/app/base/left-side-nav/projects/create-project/create-project.scss @@ -1,11 +1,10 @@ - .mr-10 { - margin-right:0.5rem; + margin-right: 0.5rem; } .display-flex { display: flex; - align-items:center; + align-items: center; } .pos-inherit { @@ -36,7 +35,7 @@ } .display-none { - display: none + display: none; } .space-between { @@ -50,7 +49,7 @@ } .alert-label { - color:red; + color: red; font-size: 12px; } diff --git a/src/portal/src/app/base/left-side-nav/projects/list-project/export-cve/export-cve.component.scss b/src/portal/src/app/base/left-side-nav/projects/list-project/export-cve/export-cve.component.scss index 5351585e464..e0e77b35626 100644 --- a/src/portal/src/app/base/left-side-nav/projects/list-project/export-cve/export-cve.component.scss +++ b/src/portal/src/app/base/left-side-nav/projects/list-project/export-cve/export-cve.component.scss @@ -1,85 +1,85 @@ @mixin cus-font { - font-size: .5417rem; - font-weight: 400; + font-size: 0.5417rem; + font-weight: 400; } .sub-label { - display: inline-block; - width: 90px; - @include cus-font; + display: inline-block; + width: 90px; + @include cus-font; } .width-220 { - width: 220px; + width: 220px; } .label-text { - text-transform: none; - letter-spacing: normal; - font-size: 13px; - font-weight: 400; - color: #000; - height: 1.2rem; - margin: 0 !important; - line-height: 1rem; - text-align: left; - padding-left: 6px; - outline: none; - border-bottom: 1px solid rgb(154 154 154); + text-transform: none; + letter-spacing: normal; + font-size: 13px; + font-weight: 400; + color: #000; + height: 1.2rem; + margin: 0 !important; + line-height: 1rem; + text-align: left; + padding-left: 6px; + outline: none; + border-bottom: 1px solid rgb(154 154 154); } .dropdown-toggle { - height: 24px; - width: 212px; + height: 24px; + width: 212px; } .right-align { - min-width: 220px; - overflow-y: auto; + min-width: 220px; + overflow-y: auto; } .no-labels { - cursor: default; - padding: 0 0.5rem; + cursor: default; + padding: 0 0.5rem; } .dropdown-item { - min-height: 26px; + min-height: 26px; } .spinner { - margin: auto; + margin: auto; } -.absolute{ - position: absolute; +.absolute { + position: absolute; } .flex { - display: flex; + display: flex; } .clr-control-label { - width: 8rem !important; + width: 8rem !important; } .names { - text-overflow: ellipsis; - max-width: 270px; - display: inline-block; - overflow: hidden; + text-overflow: ellipsis; + max-width: 270px; + display: inline-block; + overflow: hidden; } .space-between { - display: flex; - justify-content: space-between; + display: flex; + justify-content: space-between; } .input-width { - width: 310px; + width: 310px; } .labels { - display: flex; - justify-content: left; + display: flex; + justify-content: left; } diff --git a/src/portal/src/app/base/left-side-nav/projects/projects.component.scss b/src/portal/src/app/base/left-side-nav/projects/projects.component.scss index 757ad28286d..855994e607c 100644 --- a/src/portal/src/app/base/left-side-nav/projects/projects.component.scss +++ b/src/portal/src/app/base/left-side-nav/projects/projects.component.scss @@ -1,4 +1,4 @@ -@import "../../../shared/mixin"; +@import '../../../shared/mixin'; .header-title { margin-bottom: -34px; @@ -8,7 +8,7 @@ padding-left: 16px; } -.display-flex{ +.display-flex { display: flex; align-items: baseline; } @@ -18,7 +18,7 @@ } .refresh-btn:hover { - color: #007CBB; + color: #007cbb; } /* stylelint-disable */ .rightPos { @@ -32,6 +32,6 @@ padding-right: 15px; } -.position-r{ +.position-r { position: relative; } diff --git a/src/portal/src/app/base/left-side-nav/projects/statictics/statistics-panel.component.scss b/src/portal/src/app/base/left-side-nav/projects/statictics/statistics-panel.component.scss index 0ec8faaa775..a88853e8495 100644 --- a/src/portal/src/app/base/left-side-nav/projects/statictics/statistics-panel.component.scss +++ b/src/portal/src/app/base/left-side-nav/projects/statictics/statistics-panel.component.scss @@ -1,39 +1,39 @@ .head { - margin-top: 0; - margin-bottom: 0.25rem; + margin-top: 0; + margin-bottom: 0.25rem; } -.card{ - width: 10rem; - margin-right: 0.5rem; - margin-top: 0; +.card { + width: 10rem; + margin-right: 0.5rem; + margin-top: 0; } .flex-end { - justify-content: flex-end; + justify-content: flex-end; } .font-weight-700 { - font-weight: 700; + font-weight: 700; } .storage-used { - flex: 1; - display: flex; - align-items: center; - justify-content: center; + flex: 1; + display: flex; + align-items: center; + justify-content: center; } .size-number { - font-size: 1.5rem; + font-size: 1.5rem; } .container { - display: flex; - flex-direction: column; - height: 100%; + display: flex; + flex-direction: column; + height: 100%; } .margin-right-5px { - margin-right: 5px; + margin-right: 5px; } diff --git a/src/portal/src/app/base/left-side-nav/registries/create-edit-endpoint/create-edit-endpoint.component.scss b/src/portal/src/app/base/left-side-nav/registries/create-edit-endpoint/create-edit-endpoint.component.scss index e7b649c29d1..87763702012 100644 --- a/src/portal/src/app/base/left-side-nav/registries/create-edit-endpoint/create-edit-endpoint.component.scss +++ b/src/portal/src/app/base/left-side-nav/registries/create-edit-endpoint/create-edit-endpoint.component.scss @@ -1,21 +1,21 @@ - .form-group-label-override { +.form-group-label-override { font-size: 14px; font-weight: 400; - } +} - .form-height { +.form-height { height: 30px; - } - /* stylelint-disable */ - .inputWidth { +} +/* stylelint-disable */ +.inputWidth { width: 216px; - } +} - .display-none { - display: none - } +.display-none { + display: none; +} - .selectBox{ +.selectBox { position: absolute; width: 173px; height: auto; @@ -28,49 +28,49 @@ z-index: 100; ul { - overflow-y: auto; - max-height: 260px; + overflow-y: auto; + max-height: 260px; - li { - list-style: none; - padding: 0 18px; - height:20px; - line-height: 18px; - cursor: pointer; - } + li { + list-style: none; + padding: 0 18px; + height: 20px; + line-height: 18px; + cursor: pointer; + } - li:hover { - color: #262626; - background-image: linear-gradient(180deg,#f5f5f5 0,#e8e8e8); - background-repeat: repeat-x; - } + li:hover { + color: #262626; + background-image: linear-gradient(180deg, #f5f5f5 0, #e8e8e8); + background-repeat: repeat-x; + } } - } +} - .position-relative { +.position-relative { position: relative; - } +} - .overflow-visible { +.overflow-visible { overflow: visible; - } +} - .down { +.down { position: absolute; - top: .2917rem; + top: 0.2917rem; right: 0; margin: 0; width: 12px; height: 12px; color: rgb(164 164 164); cursor: pointer; - } +} - .endpoint-input { +.endpoint-input { padding-right: 21px; - } +} - .destination-insecure-label { +.destination-insecure-label { display: flex; align-items: center; - } +} diff --git a/src/portal/src/app/base/left-side-nav/registries/endpoint.component.scss b/src/portal/src/app/base/left-side-nav/registries/endpoint.component.scss index a6769666e50..e92a34287f5 100644 --- a/src/portal/src/app/base/left-side-nav/registries/endpoint.component.scss +++ b/src/portal/src/app/base/left-side-nav/registries/endpoint.component.scss @@ -1,40 +1,40 @@ .option-left { - padding-left: 16px; - margin-top: -6px; + padding-left: 16px; + margin-top: -6px; } .option-right { - padding-right: 16px; + padding-right: 16px; } .refresh-btn { - cursor: pointer; + cursor: pointer; } .refresh-btn:hover { - color: #007CBB; + color: #007cbb; } /* stylelint-disable */ .rightPos { - position: absolute; - z-index: 100; - right: 35px; - margin-top: 14px; - height: 24px; + position: absolute; + z-index: 100; + right: 35px; + margin-top: 14px; + height: 24px; } .endpoint-view { - position: relative; + position: relative; } .flex-min-width { - min-width: 180px; + min-width: 180px; } .margin-right-2px { - margin-right: 2px; + margin-right: 2px; } .content-top { - margin-top: 4px; + margin-top: 4px; } diff --git a/src/portal/src/app/base/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.scss b/src/portal/src/app/base/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.scss index 5114fe7663c..0c225584d63 100644 --- a/src/portal/src/app/base/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.scss +++ b/src/portal/src/app/base/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.scss @@ -16,7 +16,7 @@ h4 { } .alert-label { - color:red; + color: red; font-size: 12px; } @@ -28,7 +28,7 @@ h4 { .filterSelect { position: relative; width: 315px; - margin-bottom:0.25rem; + margin-bottom: 0.25rem; } .filterSelect clr-icon { @@ -65,11 +65,11 @@ h4 { } .addEndpoint { - margin-top: .25em !important; + margin-top: 0.25em !important; padding-left: 2px; padding-right: 2px; min-width: 58px; - margin-right: 0 + margin-right: 0; } .shadow { @@ -109,16 +109,16 @@ h4 { } .form-group { - >label:first-child{ + > label:first-child { font-size: 14px; width: 7rem; } - .radio { - label { - margin-right:10px; - } - } + .radio { + label { + margin-right: 10px; + } + } } .form-select { @@ -130,7 +130,7 @@ h4 { cursor: pointer; } -.arrowSet{ +.arrowSet { display: inline-block; position: absolute; right: 50px; @@ -150,7 +150,7 @@ clr-modal { color: red; } -.deletedDiv a{ +.deletedDiv a { margin-left: 10px; text-decoration: underline; cursor: pointer; @@ -165,7 +165,7 @@ clr-modal { margin-left: -15px; } -.mr-t-11{ +.mr-t-11 { margin-top: 11px; } @@ -178,7 +178,7 @@ clr-modal { } .form-cron { - padding-left:3.8rem; + padding-left: 3.8rem; } .mode-tooltip { @@ -206,7 +206,7 @@ clr-modal { } } -.display-none{ +.display-none { display: none; } @@ -251,7 +251,7 @@ clr-modal { } :host::ng-deep.flatten { - width: 23rem!important; + width: 23rem !important; } .width-input { @@ -274,7 +274,7 @@ clr-modal { .right-align { min-width: 204px; overflow-y: auto; - transform: translateX(-9rem) translateY(1.25rem)!important; + transform: translateX(-9rem) translateY(1.25rem) !important; } .dropdown-item { @@ -295,7 +295,7 @@ clr-modal { display: inline-block; input { - width: 12rem; + width: 12rem; } } @@ -309,10 +309,10 @@ clr-modal { .label-piece { display: flex; - left: .25rem; + left: 0.25rem; } -.label-container{ +.label-container { position: absolute; display: flex; align-items: center; diff --git a/src/portal/src/app/base/left-side-nav/replication/replication/list-replication-rule/list-replication-rule.component.scss b/src/portal/src/app/base/left-side-nav/replication/replication/list-replication-rule/list-replication-rule.component.scss index 1ce2267fbc3..137db8c8584 100644 --- a/src/portal/src/app/base/left-side-nav/replication/replication/list-replication-rule/list-replication-rule.component.scss +++ b/src/portal/src/app/base/left-side-nav/replication/replication/list-replication-rule/list-replication-rule.component.scss @@ -19,7 +19,7 @@ } .icon-style { - color: #C92100; + color: #c92100; } .margin-right-2px { diff --git a/src/portal/src/app/base/left-side-nav/replication/replication/replication-tasks/replication-tasks.component.scss b/src/portal/src/app/base/left-side-nav/replication/replication/replication-tasks/replication-tasks.component.scss index dcf3c35bc80..eafc27170b5 100644 --- a/src/portal/src/app/base/left-side-nav/replication/replication/replication-tasks/replication-tasks.component.scss +++ b/src/portal/src/app/base/left-side-nav/replication/replication/replication-tasks/replication-tasks.component.scss @@ -1,7 +1,7 @@ .replication-tasks { .overview-section { .title-wrapper { - .onback{ + .onback { color: #007cbb; font-size: 14px; cursor: pointer; @@ -11,12 +11,12 @@ display: flex; align-items: center; - >div:first-child { + > div:first-child { min-width: 250px; margin-right: 5px; } - >div:nth-child(2) { + > div:nth-child(2) { width: 150px; span { @@ -64,19 +64,19 @@ } .num-failed { - background-color: #C92101; + background-color: #c92101; } .num-progress { - background-color: #1C5898; + background-color: #1c5898; } .num-stopped { - background-color: #A1A1A1; + background-color: #a1a1a1; } .detail-span { - flex:0 0 100px; + flex: 0 0 100px; margin: 10px 0 0 10px; } @@ -95,7 +95,7 @@ width: 120px; } /* stylelint-disable */ - >div { + > div { margin-top: 10px; } } @@ -110,7 +110,7 @@ height: 24px; display: flex; justify-content: flex-end; - + .filter-tag { float: left; margin-top: 8px; @@ -120,9 +120,9 @@ cursor: pointer; margin-top: 7px; } - + .refresh-btn:hover { - color: #007CBB; + color: #007cbb; } } diff --git a/src/portal/src/app/base/left-side-nav/replication/replication/replication.component.scss b/src/portal/src/app/base/left-side-nav/replication/replication/replication.component.scss index 45aac893e8a..aa48fed5ef9 100644 --- a/src/portal/src/app/base/left-side-nav/replication/replication/replication.component.scss +++ b/src/portal/src/app/base/left-side-nav/replication/replication/replication.component.scss @@ -3,44 +3,44 @@ } .refresh-btn:hover { - color: #007CBB; + color: #007cbb; } .option-left { - padding-left: 16px; + padding-left: 16px; } .option-right { - padding-right: 16px; + padding-right: 16px; } .execution-select { - padding-right: 50px; - height: 24px; - 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; + padding-right: 50px; + height: 24px; + 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{ +.rightPos { position: absolute; right: 35px; margin-top: 20px; @@ -49,49 +49,49 @@ } .select-status { - float: left; - margin-top: 6px; - margin-right: 5px; + float: left; + margin-top: 6px; + margin-right: 5px; } .row-right { - margin-left: 564px; + margin-left: 564px; } .fiter-task { - margin-left: .4rem; - margin-top: .05rem; + margin-left: 0.4rem; + margin-top: 0.05rem; } .replication-row { - position: relative; + position: relative; } .jobList { - padding-left: 0; + padding-left: 0; - .jobsRow { - height: 60px; - display: flex; + .jobsRow { + height: 60px; + display: flex; - .option-left-down { - margin-top: 36px; - } + .option-left-down { + margin-top: 36px; + } - .option-right-down { - padding-right: 16px; - margin-top: 24px; + .option-right-down { + padding-right: 16px; + margin-top: 24px; + } } - } } clr-datagrid { - ::ng-deep .datagrid-table { - position: static; - } + ::ng-deep .datagrid-table { + position: static; + } } .flex-items-xs-between { - display: flex; - justify-content: space-between; + display: flex; + justify-content: space-between; } diff --git a/src/portal/src/app/base/left-side-nav/replication/total-replication-page.component.scss b/src/portal/src/app/base/left-side-nav/replication/total-replication-page.component.scss index dad20b2174c..bf8195f5f1e 100644 --- a/src/portal/src/app/base/left-side-nav/replication/total-replication-page.component.scss +++ b/src/portal/src/app/base/left-side-nav/replication/total-replication-page.component.scss @@ -1,9 +1,9 @@ .option-right { - padding-right: 16px; - margin-top: 36px; - margin-bottom: 11px; + padding-right: 16px; + margin-top: 36px; + margin-bottom: 11px; } .content-top { - margin-top: 4px; + margin-top: 4px; } diff --git a/src/portal/src/app/base/left-side-nav/system-robot-accounts/new-robot/new-robot.component.scss b/src/portal/src/app/base/left-side-nav/system-robot-accounts/new-robot/new-robot.component.scss index f5fd8155fde..45294824a65 100644 --- a/src/portal/src/app/base/left-side-nav/system-robot-accounts/new-robot/new-robot.component.scss +++ b/src/portal/src/app/base/left-side-nav/system-robot-accounts/new-robot/new-robot.component.scss @@ -1,80 +1,79 @@ .rule-width { - width: 100%; + width: 100%; } .input-width { - width: 350px; + width: 350px; } .padding-left-0 { - padding-left: 0; + padding-left: 0; } .no-margin { - margin: 0; + margin: 0; } -.padding-left-120{ - padding-left: 126px; +.padding-left-120 { + padding-left: 126px; } -.w-90{ - width: 90%; +.w-90 { + width: 90%; } .date { - margin-top: -0.9rem; + margin-top: -0.9rem; } .input-width-date { - width: 265px; + width: 265px; } .width-table { - width: 388px; + width: 388px; } .all-projects { - width: 100%; + width: 100%; } .opacity-07 { - opacity: 0.7; + opacity: 0.7; } .disabled { - opacity: 0.5; + opacity: 0.5; } .modal-footer { - align-items: center; - justify-content: space-between; + align-items: center; + justify-content: space-between; } .message { - margin-left: 10px; + margin-left: 10px; } .flex { - display: flex; - align-items: center; - justify-content: space-between; + display: flex; + align-items: center; + justify-content: space-between; } .expiration-width { - width: 194px; + width: 194px; } - /* stylelint-disable */ .showWarning { - color: #b3a000; + color: #b3a000; } .ml-20px { - margin-left: 20px; + margin-left: 20px; } :host::ng-deep.modal-dialog { - width: 48rem; + width: 48rem; } diff --git a/src/portal/src/app/base/left-side-nav/system-robot-accounts/system-robot-accounts.component.scss b/src/portal/src/app/base/left-side-nav/system-robot-accounts/system-robot-accounts.component.scss index 5c6f940e588..715ea30fa49 100644 --- a/src/portal/src/app/base/left-side-nav/system-robot-accounts/system-robot-accounts.component.scss +++ b/src/portal/src/app/base/left-side-nav/system-robot-accounts/system-robot-accounts.component.scss @@ -1,48 +1,47 @@ .robot-space { - margin-top: 28px; - position: relative; - - clr-icon.red-position { - margin-left: 2px; - } - /* stylelint-disable */ - .rightPos { - position: absolute; - z-index: 100; - right: 35px; - margin-top: 4px; - - .option-left { - padding-left: 16px; - position: relative; - top: 10px; - } - - .option-right { - padding-right: 16px; + margin-top: 28px; + position: relative; - .refresh-btn { - cursor: pointer; - } + clr-icon.red-position { + margin-left: 2px; + } + /* stylelint-disable */ + .rightPos { + position: absolute; + z-index: 100; + right: 35px; + margin-top: 4px; + + .option-left { + padding-left: 16px; + position: relative; + top: 10px; + } + + .option-right { + padding-right: 16px; + + .refresh-btn { + cursor: pointer; + } + } } - } } .all-projects { - display: flex; - align-items: center; - height: 16px; + display: flex; + align-items: center; + height: 16px; } - .icon { - margin-top: 3px; + margin-top: 3px; } .projects-col { - min-width: 14rem !important; + min-width: 14rem !important; } .permission-col { - min-width: 8rem !important; + min-width: 8rem !important; } diff --git a/src/portal/src/app/base/left-side-nav/user/change-password/change-password.component.scss b/src/portal/src/app/base/left-side-nav/user/change-password/change-password.component.scss index 697488310e4..077b5cdd0df 100644 --- a/src/portal/src/app/base/left-side-nav/user/change-password/change-password.component.scss +++ b/src/portal/src/app/base/left-side-nav/user/change-password/change-password.component.scss @@ -1,14 +1,15 @@ /* stylelint-disable */ -.form .form-block, form .form-block { - margin: .5rem 0 2rem; +.form .form-block, +form .form-block { + margin: 0.5rem 0 2rem; } .pw-eye { - margin-left: -20px; - margin-right: 8px; - cursor: pointer; + margin-left: -20px; + margin-right: 8px; + cursor: pointer; } .pwd-input { - padding-right: 26px; + padding-right: 26px; } diff --git a/src/portal/src/app/base/left-side-nav/user/new-user-madal.component.scss b/src/portal/src/app/base/left-side-nav/user/new-user-madal.component.scss index a6ea5f87a4b..d5a4eabf2f7 100644 --- a/src/portal/src/app/base/left-side-nav/user/new-user-madal.component.scss +++ b/src/portal/src/app/base/left-side-nav/user/new-user-madal.component.scss @@ -1,11 +1,11 @@ ::ng-deep { - .modal-title { - padding-bottom: 0; - } - - .modal-header { .modal-title { - padding: 0; + padding-bottom: 0; + } + + .modal-header { + .modal-title { + padding: 0; + } } - } } diff --git a/src/portal/src/app/base/left-side-nav/user/user.component.scss b/src/portal/src/app/base/left-side-nav/user/user.component.scss index 4c8e07b077e..e51c5a80375 100644 --- a/src/portal/src/app/base/left-side-nav/user/user.component.scss +++ b/src/portal/src/app/base/left-side-nav/user/user.component.scss @@ -1,4 +1,3 @@ - .custom-add-button { font-size: 12px; margin-left: -12px; @@ -30,7 +29,7 @@ } .refresh-btn:hover { - color: #007CBB; + color: #007cbb; } .hide-create { @@ -40,7 +39,7 @@ .rightPos { position: absolute; right: 20px; - height:32px; + height: 32px; z-index: 100; } diff --git a/src/portal/src/app/base/project/member/add-group/add-group.component.scss b/src/portal/src/app/base/project/member/add-group/add-group.component.scss index fe23b549855..8c819f3f462 100644 --- a/src/portal/src/app/base/project/member/add-group/add-group.component.scss +++ b/src/portal/src/app/base/project/member/add-group/add-group.component.scss @@ -1,29 +1,29 @@ .form-group-label-override { - font-size: 14px; - font-weight: 400; + font-size: 14px; + font-weight: 400; } /* stylelint-disable */ -.selectBox{ - position: absolute; - width: 173px; - height: auto; - background-color: white; - border: 1px solid rgb(0 0 0 / 15%); - border-right-width: 2px; - border-bottom-width: 2px; - border-radius: 6px; - box-shadow: 0 5px 10px rgb(0 0 0 / 20%); - z-index: 100; +.selectBox { + position: absolute; + width: 173px; + height: auto; + background-color: white; + border: 1px solid rgb(0 0 0 / 15%); + border-right-width: 2px; + border-bottom-width: 2px; + border-radius: 6px; + 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 { + 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; +.selectBox ul li:hover { + color: #262626; + background-image: linear-gradient(180deg, #f5f5f5 0, #e8e8e8); + background-repeat: repeat-x; } diff --git a/src/portal/src/app/base/project/member/add-member/add-member.component.scss b/src/portal/src/app/base/project/member/add-member/add-member.component.scss index 0b7fd909c7e..d04c4815591 100644 --- a/src/portal/src/app/base/project/member/add-member/add-member.component.scss +++ b/src/portal/src/app/base/project/member/add-member/add-member.component.scss @@ -3,7 +3,7 @@ font-weight: 400; } /* stylelint-disable */ -.selectBox{ +.selectBox { position: absolute; width: 173px; height: auto; @@ -16,20 +16,18 @@ z-index: 100; } -.selectBox ul li{ +.selectBox ul li { list-style: none; padding: 3px 20px; cursor: pointer; } -.selectBox ul li:hover{ +.selectBox ul li:hover { color: #262626; - background-image: linear-gradient(180deg,#f5f5f5 0,#e8e8e8); + background-image: linear-gradient(180deg, #f5f5f5 0, #e8e8e8); background-repeat: repeat-x; } -.modal-body{ +.modal-body { overflow: visible; } - - diff --git a/src/portal/src/app/base/project/member/member.component.scss b/src/portal/src/app/base/project/member/member.component.scss index 424bd33c004..67651b248b1 100644 --- a/src/portal/src/app/base/project/member/member.component.scss +++ b/src/portal/src/app/base/project/member/member.component.scss @@ -13,7 +13,7 @@ } .refresh-btn:hover { - color: #007CBB; + color: #007cbb; } :host::ng-deep .btn-group-overflow .dropdown-toggle { @@ -21,7 +21,7 @@ height: 24px; } /* stylelint-disable */ -.rightPos{ +.rightPos { position: absolute; z-index: 100; right: 35px; @@ -30,9 +30,9 @@ clr-datagrid { ::ng-deep clr-checkbox { - position: inherit; - } - } + position: inherit; + } +} :host::ng-deep clr-checkbox.checkbox.datagrid-foot-select { position: inherit; @@ -49,6 +49,5 @@ clr-datagrid { .dropdown-header { text-transform: none; - font-size: 13px; + font-size: 13px; } - diff --git a/src/portal/src/app/base/project/p2p-provider/add-p2p-policy/add-p2p-policy.component.scss b/src/portal/src/app/base/project/p2p-provider/add-p2p-policy/add-p2p-policy.component.scss index b36b0b9ae54..5c57454ad0c 100644 --- a/src/portal/src/app/base/project/p2p-provider/add-p2p-policy/add-p2p-policy.component.scss +++ b/src/portal/src/app/base/project/p2p-provider/add-p2p-policy/add-p2p-policy.component.scss @@ -1,108 +1,108 @@ @mixin cus-font { - font-size: .5417rem; - font-weight: 400; + font-size: 0.5417rem; + font-weight: 400; } :host::ng-deep.modal-dialog { - width: 30rem; + width: 30rem; } .display-none { - display: none; + display: none; } .icon-tooltip { - margin-top: 4px; + margin-top: 4px; } .padding-top-3 { - padding-top: 3px; + padding-top: 3px; } .bottom-btn { - text-align: right; + text-align: right; } .width-380 { - width: 380px; + width: 380px; } .width-290 { - width: 290px + width: 290px; } .width-6rem { - width: 6rem!important; + width: 6rem !important; } .clr-control-label { - width: 8rem; + width: 8rem; } .sub-label { - display: inline-block; - width: 90px; - @include cus-font; + display: inline-block; + width: 90px; + @include cus-font; } .sub-text { - @include cus-font; + @include cus-font; } .flex { - display: flex; + display: flex; } .margin-top-06 { - margin-top: 0.6rem; + margin-top: 0.6rem; } -.margin-left-90px{ - margin-left: 90px; +.margin-left-90px { + margin-left: 90px; } .opacity-08 { - opacity: 0.8; + opacity: 0.8; } .space-between { - display: flex; - font-size: 12px; - justify-content: space-between; + display: flex; + font-size: 12px; + justify-content: space-between; } .go-link { - line-height: 1rem; - cursor: pointer; + line-height: 1rem; + cursor: pointer; } .alert-label { - color:#f9392e; + color: #f9392e; } .warning { - width: 320px; - line-height: 0.5rem; - white-space: normal; - height: auto; + width: 320px; + line-height: 0.5rem; + white-space: normal; + height: auto; } .cri-tooltip { - margin-top: -2px; + margin-top: -2px; } .cri-tooltip:focus { - outline: none; + outline: none; } .baseline { - align-items: baseline; + align-items: baseline; } .opacity-054 { - opacity: 0.54; + opacity: 0.54; } .font-size-12 { - font-size: 12px; + font-size: 12px; } diff --git a/src/portal/src/app/base/project/p2p-provider/task-list/task-list.component.scss b/src/portal/src/app/base/project/p2p-provider/task-list/task-list.component.scss index 9c9e64ddf3b..4d4d0949e91 100644 --- a/src/portal/src/app/base/project/p2p-provider/task-list/task-list.component.scss +++ b/src/portal/src/app/base/project/p2p-provider/task-list/task-list.component.scss @@ -6,12 +6,12 @@ display: flex; align-items: center; - >div:first-child { + > div:first-child { min-width: 250px; margin-right: 5px; } - >div:nth-child(2) { + > div:nth-child(2) { width: 140px; span { @@ -59,19 +59,19 @@ } .num-failed { - background-color: #C92101; + background-color: #c92101; } .num-progress { - background-color: #1C5898; + background-color: #1c5898; } .num-stopped { - background-color: #A1A1A1; + background-color: #a1a1a1; } .detail-span { - flex:0 0 100px; + flex: 0 0 100px; margin: 10px 0 0 10px; } @@ -90,7 +90,7 @@ width: 120px; } - >div { + > div { margin-top: 10px; } } @@ -105,7 +105,7 @@ height: 24px; display: flex; justify-content: flex-end; - + .filter-tag { float: left; margin-top: 8px; @@ -115,9 +115,9 @@ cursor: pointer; margin-top: 7px; } - + .refresh-btn:hover { - color: #007CBB; + color: #007cbb; } } diff --git a/src/portal/src/app/base/project/project-config/project-policy-config/project-policy-config.component.scss b/src/portal/src/app/base/project/project-config/project-policy-config/project-policy-config.component.scss index fca11a7844c..94e7d9201ca 100644 --- a/src/portal/src/app/base/project/project-config/project-policy-config/project-policy-config.component.scss +++ b/src/portal/src/app/base/project/project-config/project-policy-config/project-policy-config.component.scss @@ -1,101 +1,101 @@ #severity-blk div { - display: inline-block; + display: inline-block; } .select { - width: 120px; + width: 120px; } .margin-top-4 { - margin-top: 4px; + margin-top: 4px; } .allowlist-window { - border: 1px solid #ccc; - border-radius: 3px; - padding: 12px; - height: 224px; - width: 270px; - overflow-y: auto; + border: 1px solid #ccc; + border-radius: 3px; + padding: 12px; + height: 224px; + width: 270px; + overflow-y: auto; - li { - height: 24px; - line-height: 24px; - list-style-type: none; - } + li { + height: 24px; + line-height: 24px; + list-style-type: none; + } } .width-90per { - width: 90%; + width: 90%; } .none { - color: #ccc; + color: #ccc; } .underline { - border-bottom: 1px solid; + border-bottom: 1px solid; } .color-0079bb { - color: #0079bb; + color: #0079bb; } .padding-top-16 { - padding-top: 16px; + padding-top: 16px; } .position-relative { - position: relative; + position: relative; } .add-modal { - position: absolute; - padding: 0 8px; + position: absolute; + padding: 0 8px; - .flex-direction-column { - flex-direction: column; - } + .flex-direction-column { + flex-direction: column; + } - input { - width: 100%; - border: 1px solid; - } + input { + width: 100%; + border: 1px solid; + } - button { - float: right; - } + button { + float: right; + } } .hand { - cursor: pointer; - margin: 0; + cursor: pointer; + margin: 0; } .config-subtext { - font-size: 0.55rem; - line-height: 1.2rem; - font-weight: 300; + font-size: 0.55rem; + line-height: 1.2rem; + font-weight: 300; } .col-flex-grow-0 { - flex-grow: 0; + flex-grow: 0; } .expire-data { - min-width: 12.5rem; - margin-top: -1rem; + min-width: 12.5rem; + margin-top: -1rem; } .bottom-line { - display: flex; - flex-direction: column-reverse; - font-size: 13px; - color: #000; + display: flex; + flex-direction: column-reverse; + font-size: 13px; + color: #000; } .margin-top-05 { - margin-top: 0.5rem; + margin-top: 0.5rem; } .margin-left-05 { diff --git a/src/portal/src/app/base/project/project-detail/project-detail.component.scss b/src/portal/src/app/base/project/project-detail/project-detail.component.scss index 4c9276d20da..b45db5e3e22 100644 --- a/src/portal/src/app/base/project/project-detail/project-detail.component.scss +++ b/src/portal/src/app/base/project/project-detail/project-detail.component.scss @@ -1,160 +1,159 @@ .sub-header-title { - margin-top: 12px; - margin-bottom: 12px; + margin-top: 12px; + margin-bottom: 12px; } .sub-nav-bg-color { - background-color: #fafafa; + background-color: #fafafa; } .subnav .nav { - padding-left: 0; + padding-left: 0; } .role-label { - font-size: 14px; - font-style: italic; - letter-spacing: 0.01em; - margin-top: 8px; + font-size: 14px; + font-style: italic; + letter-spacing: 0.01em; + margin-top: 8px; } /* stylelint-disable */ .backStyle { - color: #007cbb; - font-size: 16px; - cursor: pointer; - padding: 5px; - border-radius: 2px; + color: #007cbb; + font-size: 16px; + cursor: pointer; + padding: 5px; + border-radius: 2px; } button { - outline: none; + outline: none; } #project-tabs { - .clear-default-active { - box-shadow: none; + .clear-default-active { + box-shadow: none; - &:hover { - box-shadow: 0 -3px 0 #0077b8 inset; + &:hover { + box-shadow: 0 -3px 0 #0077b8 inset; + } } - } } .tabs { - .nav-link { - padding: 0; - } + .nav-link { + padding: 0; + } } .ml-05 { - margin-left: 0.5rem; + margin-left: 0.5rem; } .proxy-cache { - margin-left: 2.5rem; - font-size: 10px; - font-weight: 300; - opacity: 0.8; + margin-left: 2.5rem; + font-size: 10px; + font-weight: 300; + opacity: 0.8; } .line-height-10 { - line-height: 10px; + line-height: 10px; } .back-icon { - margin-right: 5px; - color: #007cbb; - font-size: 16px; + margin-right: 5px; + color: #007cbb; + font-size: 16px; } .flex-end { - display: flex; - justify-content: flex-end; + display: flex; + justify-content: flex-end; } -.card{ - width: auto; - min-width: 10rem; - margin-right: 0.5rem; - margin-top: 0; - height: 6rem; +.card { + width: auto; + min-width: 10rem; + margin-right: 0.5rem; + margin-top: 0; + height: 6rem; } .head { - margin-top: 0; - margin-bottom: 0.25rem; - font-size: 18px; + margin-top: 0; + margin-bottom: 0.25rem; + font-size: 18px; } .font-weight-700 { - font-weight: 700; + font-weight: 700; } .storage-used { - flex: 1; - display: flex; - align-items: center; - justify-content: center; - min-width: 8rem; + flex: 1; + display: flex; + align-items: center; + justify-content: center; + min-width: 8rem; } .size-number { - font-size: 1.5rem; + font-size: 1.5rem; } .container { - display: flex; - flex-direction: column; - height: 100%; + display: flex; + flex-direction: column; + height: 100%; } .margin-right-5px { - margin-right: 5px; + margin-right: 5px; } .center { - display: flex; - align-items: center; + display: flex; + align-items: center; } .divider { - height: 24px; - width: 1px; - margin-right: 24px; - margin-left: 24px; + height: 24px; + width: 1px; + margin-right: 24px; + margin-left: 24px; } - .progress, .progress-static { - progress { - max-height: 0.48rem; - } + progress { + max-height: 0.48rem; + } } :host::ng-deep { - .progress { - &.warning>progress { - color: orange; - - &::-webkit-progress-value { - background-color: orange; - } - - &::-moz-progress-bar { - background-color: orange; - } + .progress { + &.warning > progress { + color: orange; + + &::-webkit-progress-value { + background-color: orange; + } + + &::-moz-progress-bar { + background-color: orange; + } + } } - } } .of { - margin-right: 5px; - margin-left: 5px; + margin-right: 5px; + margin-left: 5px; } .project-name { - text-overflow: ellipsis; - max-width: 20rem; - overflow: hidden; + text-overflow: ellipsis; + max-width: 20rem; + overflow: hidden; } diff --git a/src/portal/src/app/base/project/project-label/project-label.component.scss b/src/portal/src/app/base/project/project-label/project-label.component.scss index 9799b66d273..f2784514015 100644 --- a/src/portal/src/app/base/project/project-label/project-label.component.scss +++ b/src/portal/src/app/base/project/project-label/project-label.component.scss @@ -1,3 +1,3 @@ .label-top { top: 12px; -} \ No newline at end of file +} diff --git a/src/portal/src/app/base/project/project-log/audit-log.component.scss b/src/portal/src/app/base/project/project-log/audit-log.component.scss index afff0d6d3f7..bbd5c94054c 100644 --- a/src/portal/src/app/base/project/project-log/audit-log.component.scss +++ b/src/portal/src/app/base/project/project-log/audit-log.component.scss @@ -7,7 +7,7 @@ } .refresh-btn:hover { - color: #007CBB; + color: #007cbb; } .row-right { @@ -23,7 +23,7 @@ width: 16px; } -.display-f{ +.display-f { display: flex; } @@ -38,8 +38,8 @@ align-items: baseline; ::ng-deep { - clr-date-container{ + clr-date-container { margin-top: 0; } } -} \ No newline at end of file +} diff --git a/src/portal/src/app/base/project/repository/artifact/artifact-additions/artifact-additions.component.scss b/src/portal/src/app/base/project/repository/artifact/artifact-additions/artifact-additions.component.scss index 97326f6936b..6f987bf7ee9 100644 --- a/src/portal/src/app/base/project/repository/artifact/artifact-additions/artifact-additions.component.scss +++ b/src/portal/src/app/base/project/repository/artifact/artifact-additions/artifact-additions.component.scss @@ -1,7 +1,7 @@ .margin-bottom-025 { - margin-bottom: 0.25rem; + margin-bottom: 0.25rem; } .min-15 { - min-height: 15rem; -} \ No newline at end of file + min-height: 15rem; +} diff --git a/src/portal/src/app/base/project/repository/artifact/artifact-additions/artifact-sbom/artifact-sbom.component.scss b/src/portal/src/app/base/project/repository/artifact/artifact-additions/artifact-sbom/artifact-sbom.component.scss index 9ec2fa91908..bf276473ee2 100644 --- a/src/portal/src/app/base/project/repository/artifact/artifact-additions/artifact-sbom/artifact-sbom.component.scss +++ b/src/portal/src/app/base/project/repository/artifact/artifact-additions/artifact-sbom/artifact-sbom.component.scss @@ -1,74 +1,74 @@ .result-row { - position: relative; + position: relative; } /* stylelint-disable */ -.rightPos{ - position: absolute; - z-index: 100; - right: 0; - margin-top: 1.25rem; +.rightPos { + position: absolute; + z-index: 100; + right: 0; + margin-top: 1.25rem; } .option-right { - padding-right: 16px; - margin-top: 5px; + padding-right: 16px; + margin-top: 5px; } .center { - align-items: center; + align-items: center; } .label-critical { - background:#ff4d2e; - color:#000; + background: #ff4d2e; + color: #000; } .label-danger { - background:#ff8f3d!important; - color:#000!important; + background: #ff8f3d !important; + color: #000 !important; } .label-medium { - background-color: #ffce66; - color:#000; + background-color: #ffce66; + color: #000; } .label-low { - background: #fff1ad; - color:#000; + background: #fff1ad; + color: #000; } .label-none { - background-color: #2ec0ff; - color:#000; + background-color: #2ec0ff; + color: #000; } .no-border { - border: none; + border: none; } .ml-05 { - margin-left: 0.5rem; + margin-left: 0.5rem; } .report { - text-align: left; + text-align: left; } .mt-5px { - margin-top: 5px; + margin-top: 5px; } .label { - min-width: 3rem; + min-width: 3rem; } .package-medium { - max-width: 25rem; - text-overflow: ellipsis; + max-width: 25rem; + text-overflow: ellipsis; } .version-medium { - min-width: 22rem; - text-overflow: ellipsis; + min-width: 22rem; + text-overflow: ellipsis; } diff --git a/src/portal/src/app/base/project/repository/artifact/artifact-additions/artifact-vulnerabilities/artifact-vulnerabilities.component.scss b/src/portal/src/app/base/project/repository/artifact/artifact-additions/artifact-vulnerabilities/artifact-vulnerabilities.component.scss index 2ae65b86540..cb75b4eea2b 100644 --- a/src/portal/src/app/base/project/repository/artifact/artifact-additions/artifact-vulnerabilities/artifact-vulnerabilities.component.scss +++ b/src/portal/src/app/base/project/repository/artifact/artifact-additions/artifact-vulnerabilities/artifact-vulnerabilities.component.scss @@ -1,64 +1,64 @@ .result-row { - position: relative; + position: relative; } /* stylelint-disable */ -.rightPos{ - position: absolute; - z-index: 100; - right: 0; - margin-top: 1.25rem; +.rightPos { + position: absolute; + z-index: 100; + right: 0; + margin-top: 1.25rem; } .option-right { - padding-right: 16px; - margin-top: 5px; + padding-right: 16px; + margin-top: 5px; } .center { - align-items: center; + align-items: center; } .label-critical { - background:#ff4d2e; - color:#000; + background: #ff4d2e; + color: #000; } .label-danger { - background:#ff8f3d!important; - color:#000!important; + background: #ff8f3d !important; + color: #000 !important; } .label-medium { - background-color: #ffce66; - color:#000; + background-color: #ffce66; + color: #000; } .label-low { - background: #fff1ad; - color:#000; + background: #fff1ad; + color: #000; } .label-none { - background-color: #2ec0ff; - color:#000; + background-color: #2ec0ff; + color: #000; } .no-border { - border: none; + border: none; } .ml-05 { - margin-left: 0.5rem; + margin-left: 0.5rem; } .report { - text-align: left; + text-align: left; } .mt-5px { - margin-top: 5px; + margin-top: 5px; } .label { - min-width: 3rem; + min-width: 3rem; } diff --git a/src/portal/src/app/base/project/repository/artifact/artifact-additions/build-history/build-history.component.scss b/src/portal/src/app/base/project/repository/artifact/artifact-additions/build-history/build-history.component.scss index dc95e2e508e..80d94bec970 100644 --- a/src/portal/src/app/base/project/repository/artifact/artifact-additions/build-history/build-history.component.scss +++ b/src/portal/src/app/base/project/repository/artifact/artifact-additions/build-history/build-history.component.scss @@ -1,3 +1,3 @@ .history-time { - width: 160px; -} \ No newline at end of file + width: 160px; +} diff --git a/src/portal/src/app/base/project/repository/artifact/artifact-additions/dependencies/dependencies.component.scss b/src/portal/src/app/base/project/repository/artifact/artifact-additions/dependencies/dependencies.component.scss index ef01e937ec6..50c4374b2b8 100644 --- a/src/portal/src/app/base/project/repository/artifact/artifact-additions/dependencies/dependencies.component.scss +++ b/src/portal/src/app/base/project/repository/artifact/artifact-additions/dependencies/dependencies.component.scss @@ -1,3 +1,3 @@ .dep-container { margin-top: 30px; -} \ No newline at end of file +} diff --git a/src/portal/src/app/base/project/repository/artifact/artifact-additions/summary/summary.component.scss b/src/portal/src/app/base/project/repository/artifact/artifact-additions/summary/summary.component.scss index b3931da414a..81365245037 100644 --- a/src/portal/src/app/base/project/repository/artifact/artifact-additions/summary/summary.component.scss +++ b/src/portal/src/app/base/project/repository/artifact/artifact-additions/summary/summary.component.scss @@ -1,13 +1,13 @@ .content-wrapper { - margin-top: 20px; - padding: 0 0 0 15px; + margin-top: 20px; + padding: 0 0 0 15px; - .md-container { - border: solid 1px #ddd; - } + .md-container { + border: solid 1px #ddd; + } } .center { - justify-content: center; - align-items: center; -} \ No newline at end of file + justify-content: center; + align-items: center; +} diff --git a/src/portal/src/app/base/project/repository/artifact/artifact-common-properties/artifact-common-properties.component.scss b/src/portal/src/app/base/project/repository/artifact/artifact-common-properties/artifact-common-properties.component.scss index 74315070dcd..075f9c705b4 100644 --- a/src/portal/src/app/base/project/repository/artifact/artifact-common-properties/artifact-common-properties.component.scss +++ b/src/portal/src/app/base/project/repository/artifact/artifact-common-properties/artifact-common-properties.component.scss @@ -1,3 +1,3 @@ .margin-bottom-075 { - margin-bottom: 0.75rem; -} \ No newline at end of file + margin-bottom: 0.75rem; +} diff --git a/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-info/artifact-info.component.scss b/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-info/artifact-info.component.scss index 062e276e4ca..4fc89f43771 100644 --- a/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-info/artifact-info.component.scss +++ b/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-info/artifact-info.component.scss @@ -1,45 +1,45 @@ .no-info-div { - background: white; - border: 1px; - border-style: solid; - border-color: #CCC; - padding: 12px; + background: white; + border: 1px; + border-style: solid; + border-color: #ccc; + padding: 12px; } .info-div { - border: 1px; - border-style: solid; - border-color: #CCC; - padding: 0 12px 24px; + border: 1px; + border-style: solid; + border-color: #ccc; + padding: 0 12px 24px; } .loading { - height: 3rem; - border: 1px; - border-style: solid; - border-color: #CCC; - display: flex; - align-items: center; - justify-content: center; + height: 3rem; + border: 1px; + border-style: solid; + border-color: #ccc; + display: flex; + align-items: center; + justify-content: center; } .info-pre { - border: 0; - max-height: fit-content; + border: 0; + max-height: fit-content; } #info-edit-button { - margin-top: 0; - margin-bottom: 12px; - font-size: 12px; + margin-top: 0; + margin-bottom: 12px; + font-size: 12px; - .markdown { - position: relative; - width: 20px; - height: 20px; - margin-right: 10px; - margin-left: 10px; - top: 6px; - fill: gray; - } + .markdown { + position: relative; + width: 20px; + height: 20px; + margin-right: 10px; + margin-left: 10px; + top: 6px; + fill: gray; + } } diff --git a/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/artifact-filter/artifact-filter.component.scss b/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/artifact-filter/artifact-filter.component.scss index 3d3a910cb7f..ffd35912849 100644 --- a/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/artifact-filter/artifact-filter.component.scss +++ b/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/artifact-filter/artifact-filter.component.scss @@ -1,42 +1,42 @@ .search-btn { - cursor: pointer; + cursor: pointer; } .dropdown-toggle { - height: 1.3rem; - width: 200px; - display: flex; - justify-content: left; - border-bottom: 0.05rem solid; + height: 1.3rem; + width: 200px; + display: flex; + justify-content: left; + border-bottom: 0.05rem solid; } .clr-control-label { - margin-bottom: 1rem; - margin-left: 0.5rem; + margin-bottom: 1rem; + margin-left: 0.5rem; } .filter-divider { - display: inline-block; - height: 24px; - width: 1px; - margin-right: 6px; - margin-left: 6px; + display: inline-block; + height: 24px; + width: 1px; + margin-right: 6px; + margin-left: 6px; } .clr-row { - align-items: center; - margin: 0; + align-items: center; + margin: 0; } .m-r-10px { - margin-right: 10px; + margin-right: 10px; } .search-dropdown-toggle { - margin-right: 5px; + margin-right: 5px; } .no-outline:focus { - border: none; - background: none; + border: none; + background: none; } diff --git a/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/artifact-list-tab.component.scss b/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/artifact-list-tab.component.scss index 52cd2133f0c..1da12fae781 100644 --- a/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/artifact-list-tab.component.scss +++ b/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/artifact-list-tab.component.scss @@ -1,234 +1,233 @@ .refresh-btn { - cursor: pointer; + cursor: pointer; } .refresh-btn:hover { - color: #007cbb; + color: #007cbb; } .hidden-tag { - display: block; - height: 0; + display: block; + height: 0; } .truncated { - width: 100px; - line-height: 20px; - height: 20px; - display: inline-block; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; + width: 100px; + line-height: 20px; + height: 20px; + display: inline-block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .right-pos { - margin-right: 35px; - display: flex; - align-items: center; + margin-right: 35px; + display: flex; + align-items: center; } .tag-row { - position: relative; + position: relative; } .color-green { - color: #1d5100; + color: #1d5100; } .color-red { - color: #c92100; + color: #c92100; } .color-gray { - color: #565656; + color: #565656; } .cell { - display: flex; - align-items: center; - width: 100%; - height: 100%; + display: flex; + align-items: center; + width: 100%; + height: 100%; } .ml-8 { - margin-left: 8px; + margin-left: 8px; } .white-normal { - white-space: normal; + white-space: normal; } .digest { - width: 128px; - flex-grow:0; - flex-shrink:0; + width: 128px; + flex-grow: 0; + flex-shrink: 0; } .artifact-icon { - width: 0.8rem; - height: 0.8rem; - vertical-align: top; + width: 0.8rem; + height: 0.8rem; + vertical-align: top; } .width-p-100 { - width: 100%; + width: 100%; - .lg { - width: 550px; - } + .lg { + width: 550px; + } } .tag-header-color { - color: #fff; + color: #fff; } .tag-body-color { - color: #ccc; - max-width: 120px; + color: #ccc; + max-width: 120px; } .table { - .tag-tr { - td { - padding-top: 8px; - padding-bottom: 2px; + .tag-tr { + td { + padding-top: 8px; + padding-bottom: 2px; + } } - } - - .tag-thead { - th { - padding-top: 0; - padding-bottom: 5px; - border: none; - font-weight: 400; + + .tag-thead { + th { + padding-top: 0; + padding-bottom: 5px; + border: none; + font-weight: 400; + } } - } } .action-dropdown { - .action-dropdown-item { - position: static; - padding-left: 1rem; - line-height: inherit; - height: auto; - - &::before { - margin-top: .5rem; + .action-dropdown-item { + position: static; + padding-left: 1rem; + line-height: inherit; + height: auto; + + &::before { + margin-top: 0.5rem; + } } - } - .dropdown-header { - text-transform: none; - } + .dropdown-header { + text-transform: none; + } } .eslip { - margin-left: -3px; + margin-left: -3px; } .execution-select { - height: 24px; - display: flex; - justify-content: flex-end; + height: 24px; + display: flex; + justify-content: flex-end; - .filter-tag { - float: left; - margin-top: 8px; + .filter-tag { + float: left; + margin-top: 8px; - .clr-form-control { - margin-top: 0; - } - } + .clr-form-control { + margin-top: 0; + } + } } .no-border:focus { - outline: none; + outline: none; } .margin-left-5 { - margin-left: 5px; + margin-left: 5px; } .pull-command-column { - width: 6rem !important; + width: 6rem !important; } .co-signed-column { - width: 7rem !important; + width: 7rem !important; } .size-column { - width: 6rem !important; + width: 6rem !important; } .vul-column { - width: 11rem !important; + width: 11rem !important; } .sbom-column { - width: 7rem !important; + width: 7rem !important; } .annotations-column { - width: 5rem !important; + width: 5rem !important; } .signed { - color: #00d40f; + color: #00d40f; } .mb-05 { - margin-bottom: 0.5rem; + margin-bottom: 0.5rem; } .top-3-px { - top: 3px; + top: 3px; } .center { - display: flex; - align-items: center; + display: flex; + align-items: center; } .width-p-75 { - width: 75%; + width: 75%; } .action-bar { - display: flex; - align-items: center; - justify-content: space-between; + display: flex; + align-items: center; + justify-content: space-between; } .signpost-item { - margin-left: -24px; - height: 10px; - display: flex; - align-items: center; + margin-left: -24px; + height: 10px; + display: flex; + align-items: center; } .margin-5px { - margin: 5px; + margin: 5px; } .flex-max-width { - max-width: 220px; - min-width: 200px; + max-width: 220px; + min-width: 200px; } .filter-grid { - cursor: unset; - padding: 0; + cursor: unset; + padding: 0; } .filter-grid:hover { - color: unset; - background-color: unset; - + color: unset; + background-color: unset; } .clr-signpost-content-label-list { - max-height: 200px; - overflow-y: auto; - margin-bottom: -10px; + max-height: 200px; + overflow-y: auto; + margin-bottom: -10px; } diff --git a/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/pull-command/pull-command.component.scss b/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/pull-command/pull-command.component.scss index 4740247d209..136d5e788c9 100644 --- a/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/pull-command/pull-command.component.scss +++ b/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/pull-command/pull-command.component.scss @@ -1,8 +1,8 @@ .copy-pull-command { - font-size: 14px; + font-size: 14px; } .flex { - display: flex; - align-items: flex-end; + display: flex; + align-items: flex-end; } diff --git a/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/sub-accessories/sub-accessories.component.scss b/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/sub-accessories/sub-accessories.component.scss index dbf534b6e12..1b19aa17758 100644 --- a/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/sub-accessories/sub-accessories.component.scss +++ b/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/sub-accessories/sub-accessories.component.scss @@ -1,54 +1,54 @@ .artifact-icon-div { - text-align: center; - width: 2.5rem; - height: 0.8rem; + text-align: center; + width: 2.5rem; + height: 0.8rem; } .artifact-icon { - height: 0.8rem; + height: 0.8rem; } .cell { - display: flex; - align-items: center; - width: 100%; - height: 100%; + display: flex; + align-items: center; + width: 100%; + height: 100%; } .margin-left-5 { - margin-left: 5px; + margin-left: 5px; } .ml-8 { - margin-left: 8rem; + margin-left: 8rem; } .x-dash-line { - position: absolute; - width: 80px; - left: -80px; - border: 0; - border-top: 2px dotted #a2a9b6; + position: absolute; + width: 80px; + left: -80px; + border: 0; + border-top: 2px dotted #a2a9b6; } .y-dash-line { - position: absolute; - border: 0; - border-left: 2px dotted #a2a9b6; - left: -4.2rem; - bottom: 0 + position: absolute; + border: 0; + border-left: 2px dotted #a2a9b6; + left: -4.2rem; + bottom: 0; } .my-action-item { - font-size: .7rem; - letter-spacing: normal; - background: 0 0; - border: 0; - cursor: pointer; - display: block; - line-height: 1.15rem; - margin: 0; - padding: 0.05rem 1.2rem 0; - text-align: left; - width: 100%; + font-size: 0.7rem; + letter-spacing: normal; + background: 0 0; + border: 0; + cursor: pointer; + display: block; + line-height: 1.15rem; + margin: 0; + padding: 0.05rem 1.2rem 0; + text-align: left; + width: 100%; } diff --git a/src/portal/src/app/base/project/repository/artifact/artifact-summary.component.scss b/src/portal/src/app/base/project/repository/artifact/artifact-summary.component.scss index 9f2f33b44c5..4112e7b1264 100644 --- a/src/portal/src/app/base/project/repository/artifact/artifact-summary.component.scss +++ b/src/portal/src/app/base/project/repository/artifact/artifact-summary.component.scss @@ -1,4 +1,4 @@ -.arrow-block a{ +.arrow-block a { cursor: pointer; color: #007cbb; font-size: 16px; diff --git a/src/portal/src/app/base/project/repository/artifact/artifact-tag/artifact-tag.component.scss b/src/portal/src/app/base/project/repository/artifact/artifact-tag/artifact-tag.component.scss index 0bdccd2008b..45798e4239d 100644 --- a/src/portal/src/app/base/project/repository/artifact/artifact-tag/artifact-tag.component.scss +++ b/src/portal/src/app/base/project/repository/artifact/artifact-tag/artifact-tag.component.scss @@ -1,61 +1,60 @@ - .label-form { - max-width: 100% !important; + max-width: 100% !important; } .clr-control-container { - margin-bottom: 1rem; - position: relative; + margin-bottom: 1rem; + position: relative; } .btn.remove-btn { - border: none; - height: 0.6rem; - line-height: 1; + border: none; + height: 0.6rem; + line-height: 1; } .immutable { - display: flex; - align-items: center; - position: relative; + display: flex; + align-items: center; + position: relative; - .label { - position: absolute; - right: 0; - margin-right: 0; - } + .label { + position: absolute; + right: 0; + margin-right: 0; + } } .datagrid-action-bar { - margin-top: 0.5rem; + margin-top: 0.5rem; } .position-ab { - position: absolute; + position: absolute; } .white-space-nowrap { - white-space: nowrap; + white-space: nowrap; } .refresh-btn { - cursor: pointer; + cursor: pointer; } .spinner-tag { - position: absolute; - right: -.7rem; - top: 1.2rem; + position: absolute; + right: -0.7rem; + top: 1.2rem; } .action-bar { - display: flex; - align-items: center; - justify-content: space-between; + display: flex; + align-items: center; + justify-content: space-between; } .right-pos { - margin-right: 35px; - display: flex; - align-items: center; + margin-right: 35px; + display: flex; + align-items: center; } diff --git a/src/portal/src/app/base/project/repository/artifact/sbom-scanning/sbom-tip-histogram/sbom-tip-histogram.component.scss b/src/portal/src/app/base/project/repository/artifact/sbom-scanning/sbom-tip-histogram/sbom-tip-histogram.component.scss index bf7665b0c90..294ab207f99 100644 --- a/src/portal/src/app/base/project/repository/artifact/sbom-scanning/sbom-tip-histogram/sbom-tip-histogram.component.scss +++ b/src/portal/src/app/base/project/repository/artifact/sbom-scanning/sbom-tip-histogram/sbom-tip-histogram.component.scss @@ -2,7 +2,7 @@ display: flex; align-items: left; text-align: left; - font-size: .65rem; + font-size: 0.65rem; height: 15px; line-height: 15px; } @@ -14,7 +14,7 @@ .bar-tooltip-font-larger { span { font-size: 16px; - vertical-align: middle + vertical-align: middle; } } @@ -36,7 +36,7 @@ hr { width: 120px; } -.level-border>div{ +.level-border > div { display: inline-flex; align-items: center; justify-items: center; diff --git a/src/portal/src/app/base/project/repository/artifact/sbom-scanning/scanning.scss b/src/portal/src/app/base/project/repository/artifact/sbom-scanning/scanning.scss index 2ec232cd9d8..5a23255bf49 100644 --- a/src/portal/src/app/base/project/repository/artifact/sbom-scanning/scanning.scss +++ b/src/portal/src/app/base/project/repository/artifact/sbom-scanning/scanning.scss @@ -3,7 +3,8 @@ } hbr-sbom-bar { - .label,.not-scan { + .label, + .not-scan { width: 90%; } } diff --git a/src/portal/src/app/base/project/repository/artifact/vulnerability-scanning/result-tip-histogram/result-tip-histogram.component.scss b/src/portal/src/app/base/project/repository/artifact/vulnerability-scanning/result-tip-histogram/result-tip-histogram.component.scss index 036339899ba..7b0f49e5344 100644 --- a/src/portal/src/app/base/project/repository/artifact/vulnerability-scanning/result-tip-histogram/result-tip-histogram.component.scss +++ b/src/portal/src/app/base/project/repository/artifact/vulnerability-scanning/result-tip-histogram/result-tip-histogram.component.scss @@ -121,7 +121,7 @@ $twenty-two-pixel: 18px; cursor: pointer; /* stylelint-disable */ :hover { - color: #007CBB; + color: #007cbb; } } @@ -129,9 +129,8 @@ $twenty-two-pixel: 18px; color: orange; } - .tip-icon-low { - color: #007CBB; + color: #007cbb; } .font-color-green { @@ -141,7 +140,7 @@ $twenty-two-pixel: 18px; .bar-tooltip-font-larger { span { font-size: 16px; - vertical-align: middle + vertical-align: middle; } } @@ -191,7 +190,7 @@ hr { width: 150px; } -.level-border>div{ +.level-border > div { display: inline-flex; align-items: center; justify-items: center; @@ -213,28 +212,28 @@ hr { } .level-critical { - background:#FF4D2E; - color:#FF4D2E; + background: #ff4d2e; + color: #ff4d2e; } .level-high { - background:#FF8F3D; - color:#FF8F3D; + background: #ff8f3d; + color: #ff8f3d; } .level-medium { - background-color: #FFCE66; - color:#FFCE66; + background-color: #ffce66; + color: #ffce66; } .level-low { - background: #FFF1AD; - color:#FFF1AD; + background: #fff1ad; + color: #fff1ad; } .level-none { background-color: grey; - color:grey; + color: grey; } .black-point-container { diff --git a/src/portal/src/app/base/project/repository/artifact/vulnerability-scanning/scanning.scss b/src/portal/src/app/base/project/repository/artifact/vulnerability-scanning/scanning.scss index 248361e330f..f719ea444b1 100644 --- a/src/portal/src/app/base/project/repository/artifact/vulnerability-scanning/scanning.scss +++ b/src/portal/src/app/base/project/repository/artifact/vulnerability-scanning/scanning.scss @@ -44,7 +44,6 @@ max-width: 120px; } - .bar-tooltip-font-title { font-weight: 600; } @@ -63,19 +62,19 @@ margin-bottom: 3px; } -.bar-summary-item span:nth-child(1){ +.bar-summary-item span:nth-child(1) { width: 30px; text-align: center; display: inline-block; } -.bar-summary-item span:nth-child(2){ +.bar-summary-item span:nth-child(2) { width: 28px; display: inline-block; } .option-right { - padding-right: 16px; + padding-right: 16px; } .refresh-btn { @@ -83,7 +82,7 @@ } .refresh-btn:hover { - color: #007CBB; + color: #007cbb; } .tip-icon-medium { @@ -94,26 +93,26 @@ color: yellow; } -.font-color-green{ - color:green; +.font-color-green { + color: green; } /* stylelint-disable */ -.bar-tooltip-font-larger span{ - font-size:16px; - vertical-align:middle +.bar-tooltip-font-larger span { + font-size: 16px; + vertical-align: middle; } -hr{ +hr { border-bottom: 0; border-color: #aaa; margin: 6px -10px; } -.font-weight-600{ - font-weight:600; +.font-weight-600 { + font-weight: 600; } -.rightPos{ +.rightPos { position: absolute; z-index: 100; right: 35px; @@ -133,28 +132,28 @@ hr{ } .label-critical { - background:#ff4d2e; - color:#000; + background: #ff4d2e; + color: #000; } .label-danger { - background:#ff8f3d!important; - color:#000!important; + background: #ff8f3d !important; + color: #000 !important; } .label-medium { background-color: #ffce66; - color:#000; + color: #000; } .label-low { background: #fff1ad; - color:#000; + color: #000; } .label-none { background-color: #2ec0ff; - color:#000; + color: #000; } .no-border { @@ -162,7 +161,8 @@ hr{ } hbr-vulnerability-bar { - .label,.not-scan { + .label, + .not-scan { width: 90%; } } diff --git a/src/portal/src/app/base/project/repository/gridview/grid-view.component.scss b/src/portal/src/app/base/project/repository/gridview/grid-view.component.scss index d335515571e..3250926704c 100644 --- a/src/portal/src/app/base/project/repository/gridview/grid-view.component.scss +++ b/src/portal/src/app/base/project/repository/gridview/grid-view.component.scss @@ -1,59 +1,59 @@ .grid-content { - position: relative; - top: 66px; - left: 0; - right: 0; - bottom: 0; - overflow: auto; - max-height: 65vh; + position: relative; + top: 66px; + left: 0; + right: 0; + bottom: 0; + overflow: auto; + max-height: 65vh; } .card-item { - display: block; - max-width: 400px; - min-width: 300px; - position: absolute; - margin-right: 40px; - transition: width 0.4s, transform 0.4s; + display: block; + max-width: 400px; + min-width: 300px; + position: absolute; + margin-right: 40px; + transition: width 0.4s, transform 0.4s; } .content-empty { - text-align: center; - display: block; - margin-top: 100px; + text-align: center; + display: block; + margin-top: 100px; } .central-block-loading { - position: absolute; - z-index: 10; - top: 0; - left: 0; - right: 0; - bottom: 0; - text-align: center; + position: absolute; + z-index: 10; + top: 0; + left: 0; + right: 0; + bottom: 0; + text-align: center; } .central-block-loading-more { - top: 0; - left: 0; - right: 0; - bottom: 0; - text-align: center; + top: 0; + left: 0; + right: 0; + bottom: 0; + text-align: center; - .spinner { - width: 1rem; - height: 1rem; - } + .spinner { + width: 1rem; + height: 1rem; + } } .vertical-helper { - display: inline-block; - height: 100%; - vertical-align: middle; + display: inline-block; + height: 100%; + vertical-align: middle; } /* stylelint-disable no-descending-specificity */ .spinner { - width: 100px; - height: 100px; - vertical-align: middle; + width: 100px; + height: 100px; + vertical-align: middle; } diff --git a/src/portal/src/app/base/project/repository/repository-gridview.component.scss b/src/portal/src/app/base/project/repository/repository-gridview.component.scss index 47b3c820d9f..ba541768bb0 100644 --- a/src/portal/src/app/base/project/repository/repository-gridview.component.scss +++ b/src/portal/src/app/base/project/repository/repository-gridview.component.scss @@ -1,25 +1,23 @@ -@mixin text-overflow -{ +@mixin text-overflow { overflow: hidden; text-overflow: ellipsis; - word-wrap:break-word; - white-space: nowrap + word-wrap: break-word; + white-space: nowrap; } - @mixin text-overflow-param($width) { width: $width; @include text-overflow; } -@mixin grid-right-top-pos{ +@mixin grid-right-top-pos { position: absolute; z-index: 100; right: 35px; margin-top: 4px; } -@mixin absolute-center($width:108px) { +@mixin absolute-center($width: 108px) { position: absolute; top: 0; left: 0; @@ -37,10 +35,10 @@ } @mixin dropdown-as-action-button { - margin: .25rem .5rem .25rem 0; + margin: 0.25rem 0.5rem 0.25rem 0; } /* stylelint-disable */ -.rightPos{ +.rightPos { @include grid-right-top-pos; top: 18px; @@ -92,7 +90,7 @@ .card-media-text { overflow: hidden; - height: 21px + height: 21px; } .card-media-description { @@ -100,7 +98,7 @@ } .card-media-description > p { - margin-top: 0; + margin-top: 0; } .card-text { diff --git a/src/portal/src/app/base/project/robot-account/add-robot/add-robot.component.scss b/src/portal/src/app/base/project/robot-account/add-robot/add-robot.component.scss index ce53431ceb2..e3629506d83 100644 --- a/src/portal/src/app/base/project/robot-account/add-robot/add-robot.component.scss +++ b/src/portal/src/app/base/project/robot-account/add-robot/add-robot.component.scss @@ -1,59 +1,59 @@ .padding-left-0 { - padding-left: 0; + padding-left: 0; } .no-margin { - margin: 0; + margin: 0; } -.permission{ - padding-top: 0.1rem; - color: #000; +.permission { + padding-top: 0.1rem; + color: #000; } -.padding-left-120{ - padding-left: 126px; +.padding-left-120 { + padding-left: 126px; } -.w-90{ - width: 90%; +.w-90 { + width: 90%; } .date { - margin-top: -0.9rem; + margin-top: -0.9rem; } .input-width-date { - width: 265px; + width: 265px; } .flex { - display: flex; - align-items: center; - justify-content: space-between; + display: flex; + align-items: center; + justify-content: space-between; } .input-width { - width: 16rem; + width: 16rem; } .expiration { - margin-left: 1rem; + margin-left: 1rem; } /* stylelint-disable */ .showWarning { - color: #b3a000; + color: #b3a000; } .icon { - margin-top: 3px; + margin-top: 3px; } .align-center { - align-items: center; + align-items: center; } :host::ng-deep.modal-dialog { - width: 46.2rem; + width: 46.2rem; } diff --git a/src/portal/src/app/base/project/robot-account/robot-account.component.scss b/src/portal/src/app/base/project/robot-account/robot-account.component.scss index 8214f6677b9..5423b8569a0 100644 --- a/src/portal/src/app/base/project/robot-account/robot-account.component.scss +++ b/src/portal/src/app/base/project/robot-account/robot-account.component.scss @@ -1,37 +1,36 @@ -@import "../../../shared/mixin"; +@import '../../../shared/mixin'; .robot-space { - margin-top: 28px; - position: relative; + margin-top: 28px; + position: relative; - clr-icon.red-position { - margin-left: 2px; - } - /* stylelint-disable */ - .rightPos { - @include grid-right-top-pos; - - .option-left { - padding-left: 16px; - position: relative; - top: 10px; + clr-icon.red-position { + margin-left: 2px; } - - .option-right { - padding-right: 16px; - - .refresh-btn { - cursor: pointer; - } + /* stylelint-disable */ + .rightPos { + @include grid-right-top-pos; + + .option-left { + padding-left: 16px; + position: relative; + top: 10px; + } + + .option-right { + padding-right: 16px; + + .refresh-btn { + cursor: pointer; + } + } } - } } - .icon { - margin-top: 3px; + margin-top: 3px; } .permission-col { - min-width: 8rem !important; + min-width: 8rem !important; } diff --git a/src/portal/src/app/base/project/scanner/scanner.component.scss b/src/portal/src/app/base/project/scanner/scanner.component.scss index ecb89d5d4d1..5393accbc4b 100644 --- a/src/portal/src/app/base/project/scanner/scanner.component.scss +++ b/src/portal/src/app/base/project/scanner/scanner.component.scss @@ -1,31 +1,31 @@ .scanner-name { - height: 1rem; - display: inline-block; - padding: 0 .25rem; - max-height: 1rem; - font-size: .5417rem; + height: 1rem; + display: inline-block; + padding: 0 0.25rem; + max-height: 1rem; + font-size: 0.5417rem; } .edit { - margin-top: -5px; - margin-left: -8px; - font-size: 0.58rem; + margin-top: -5px; + margin-left: -8px; + font-size: 0.58rem; } .width-240 { - width: 240px; + width: 240px; } .center { - justify-content: center; - align-items: center; + justify-content: center; + align-items: center; } .clr-form-control { - margin-top: 0.75rem !important; + margin-top: 0.75rem !important; } .name { - height: 1.75rem; - line-height: 1.75rem; + height: 1.75rem; + line-height: 1.75rem; } diff --git a/src/portal/src/app/base/project/summary/summary.component.scss b/src/portal/src/app/base/project/summary/summary.component.scss index 8b8a24f3c91..a78193e856c 100644 --- a/src/portal/src/app/base/project/summary/summary.component.scss +++ b/src/portal/src/app/base/project/summary/summary.component.scss @@ -1,79 +1,79 @@ .title-width { - width: 12rem; + width: 12rem; } .pt-05 { - padding-top: 1rem; + padding-top: 1rem; } .flex { - display: flex; + display: flex; } .card-row { - justify-content: flex-end; - padding-right: 2rem; + justify-content: flex-end; + padding-right: 2rem; } .mr-5px { - margin-right: 5px; + margin-right: 5px; } .container { - display: flex; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .card { - width: 24rem; - margin-right: 1rem; - flex-grow:0; - flex-shrink:0; + width: 24rem; + margin-right: 1rem; + flex-grow: 0; + flex-shrink: 0; } .number { - align-items: center; - justify-content: center; - font-size: 3rem; - color: #266aac; - height: 4rem; + align-items: center; + justify-content: center; + font-size: 3rem; + color: #266aac; + height: 4rem; } .column { - font-size: 10px; - font-weight: bolder; - text-transform: uppercase; + font-size: 10px; + font-weight: bolder; + text-transform: uppercase; } .card-header { - padding-bottom: 0; + padding-bottom: 0; } .ellipsis { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .card-block { - min-height: 6rem; + min-height: 6rem; } .size-24 { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .chart-name { - display: flex; - align-items: center; + display: flex; + align-items: center; } .no-underline { - border-bottom-style: none; + border-bottom-style: none; } .center { - justify-content: center; - align-items: center; + justify-content: center; + align-items: center; } diff --git a/src/portal/src/app/base/project/tag-feature-integration/immutable-tag/add-rule/add-immutable-rule.component.scss b/src/portal/src/app/base/project/tag-feature-integration/immutable-tag/add-rule/add-immutable-rule.component.scss index 8ec3a0df329..b32fccf66be 100644 --- a/src/portal/src/app/base/project/tag-feature-integration/immutable-tag/add-rule/add-immutable-rule.component.scss +++ b/src/portal/src/app/base/project/tag-feature-integration/immutable-tag/add-rule/add-immutable-rule.component.scss @@ -4,4 +4,4 @@ .height-72 { height: 72px; -} \ No newline at end of file +} diff --git a/src/portal/src/app/base/project/tag-feature-integration/immutable-tag/immutable-tag.component.scss b/src/portal/src/app/base/project/tag-feature-integration/immutable-tag/immutable-tag.component.scss index b71b0b7b8f4..411d343ac4c 100644 --- a/src/portal/src/app/base/project/tag-feature-integration/immutable-tag/immutable-tag.component.scss +++ b/src/portal/src/app/base/project/tag-feature-integration/immutable-tag/immutable-tag.component.scss @@ -1,47 +1,47 @@ .ml-5 { - margin-left: 5px; + margin-left: 5px; } .dropdown-toggle { - outline: none; - padding-left: 0; + outline: none; + padding-left: 0; } .backdrop-transparent { - position: fixed; - top: 0; - bottom: 0; - right: 0; - left: 0; - opacity: 0; - z-index: 999; + position: fixed; + top: 0; + bottom: 0; + right: 0; + left: 0; + opacity: 0; + z-index: 999; } .v-center { - height: 48px; - line-height: 48px; + height: 48px; + line-height: 48px; } .font-size-54 { - font-size: 0.5417rem; + font-size: 0.5417rem; } .flex-150 { - flex: 0 0 150px; + flex: 0 0 150px; } .rule-name { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - font-size: 0.5417rem; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 0.5417rem; } .color-97 { - color: #979797; + color: #979797; } .add-rule-btn { - min-width: 120px; - padding-left: 12px; + min-width: 120px; + padding-left: 12px; } diff --git a/src/portal/src/app/base/project/tag-feature-integration/tag-feature-integration.component.scss b/src/portal/src/app/base/project/tag-feature-integration/tag-feature-integration.component.scss index 1db3247e2c8..01a110a6fdc 100644 --- a/src/portal/src/app/base/project/tag-feature-integration/tag-feature-integration.component.scss +++ b/src/portal/src/app/base/project/tag-feature-integration/tag-feature-integration.component.scss @@ -1,4 +1,4 @@ .btn-tag-integration { - margin-top: 1.5rem; - margin-bottom: 1rem; + margin-top: 1.5rem; + margin-bottom: 1rem; } diff --git a/src/portal/src/app/base/project/tag-feature-integration/tag-retention/add-rule/add-rule.component.scss b/src/portal/src/app/base/project/tag-feature-integration/tag-retention/add-rule/add-rule.component.scss index 887059b5f37..9c6e1ebf72e 100644 --- a/src/portal/src/app/base/project/tag-feature-integration/tag-retention/add-rule/add-rule.component.scss +++ b/src/portal/src/app/base/project/tag-feature-integration/tag-retention/add-rule/add-rule.component.scss @@ -1,43 +1,43 @@ .color-97 { - color: #979797; + color: #979797; } .over-line { - height: 15px; - line-height: 15px; - font-size: 10px; + height: 15px; + line-height: 15px; + font-size: 10px; } .height-72 { - height: 72px; + height: 72px; } .height-95 { - height: 95px; + height: 95px; } .display-none { - display: none; + display: none; } .untagged { - display: flex; - justify-content: space-around; + display: flex; + justify-content: space-around; } .modal-body { - overflow-y: hidden; + overflow-y: hidden; } .tootip { - display: block; - line-height: .9rem; + display: block; + line-height: 0.9rem; } .font-size-13 { - font-size: 13px; + font-size: 13px; } .margin-top-5px { - margin-top: 5px; + margin-top: 5px; } diff --git a/src/portal/src/app/base/project/tag-feature-integration/tag-retention/tag-retention.component.scss b/src/portal/src/app/base/project/tag-feature-integration/tag-retention/tag-retention.component.scss index df2434b6411..a556fa553ba 100644 --- a/src/portal/src/app/base/project/tag-feature-integration/tag-retention/tag-retention.component.scss +++ b/src/portal/src/app/base/project/tag-feature-integration/tag-retention/tag-retention.component.scss @@ -1,84 +1,84 @@ .color-97 { - color: #979797; + color: #979797; } .rule { - height: 24px; - line-height: 24px; + height: 24px; + line-height: 24px; } .rule-name { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - font-size: .5417rem; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 0.5417rem; } .ml-5 { - margin-left: 5px; + margin-left: 5px; } .width-60 { - width: 60px; + width: 60px; } .hand { - cursor: pointer; + cursor: pointer; } .datagrid-container { - padding: 0; + padding: 0; } .color-79b { - color: #0079b8; + color: #0079b8; } .backdrop-transparent { - position: fixed; - top: 0; - bottom: 0; - right: 0; - left: 0; - opacity: 0; - z-index: 999; + position: fixed; + top: 0; + bottom: 0; + right: 0; + left: 0; + opacity: 0; + z-index: 999; } .cron-selection { - margin-top: 30px; - display: flex; - align-items: center; + margin-top: 30px; + display: flex; + align-items: center; } .v-center { - height: 48px; - line-height: 48px; + height: 48px; + line-height: 48px; } .font-size-54 { - font-size: .5417rem; + font-size: 0.5417rem; } .flex-150 { - flex: 0 0 150px; - max-width: 150px; + flex: 0 0 150px; + max-width: 150px; } .padding-left-0 { - padding-left: 0; + padding-left: 0; } .flex-8p { - flex: 0 0 8.3%; - padding-left: 0.5rem; + flex: 0 0 8.3%; + padding-left: 0.5rem; } :host::ng-deep { - .datagrid-row-flex { - .datagrid-row-detail { - .datagrid-cell { - padding: 11px 12px; - } + .datagrid-row-flex { + .datagrid-row-detail { + .datagrid-cell { + padding: 11px 12px; + } + } } - } } diff --git a/src/portal/src/app/base/project/webhook/add-webhook-form/add-webhook-form.component.scss b/src/portal/src/app/base/project/webhook/add-webhook-form/add-webhook-form.component.scss index f6aa4ecde81..79398e202db 100644 --- a/src/portal/src/app/base/project/webhook/add-webhook-form/add-webhook-form.component.scss +++ b/src/portal/src/app/base/project/webhook/add-webhook-form/add-webhook-form.component.scss @@ -1,23 +1,23 @@ .icon-tooltip { - margin-top: 4px; + margin-top: 4px; } .padding-top-3 { - padding-top: 3px; + padding-top: 3px; } .bottom-btn { - text-align: right; + text-align: right; } .width-238 { - width: 238px; + width: 238px; } .width-8rem { - width: 8rem; + width: 8rem; } .clr-control-label { - width: 10rem !important; + width: 10rem !important; } diff --git a/src/portal/src/app/base/project/webhook/add-webhook/add-webhook.component.scss b/src/portal/src/app/base/project/webhook/add-webhook/add-webhook.component.scss index 17d60c7ed7f..40d37c69f6b 100644 --- a/src/portal/src/app/base/project/webhook/add-webhook/add-webhook.component.scss +++ b/src/portal/src/app/base/project/webhook/add-webhook/add-webhook.component.scss @@ -1,4 +1,4 @@ :host::ng-deep.modal-dialog { - width: 31rem; - height: 35rem; + width: 31rem; + height: 35rem; } diff --git a/src/portal/src/app/base/project/webhook/excutions/executions.component.scss b/src/portal/src/app/base/project/webhook/excutions/executions.component.scss index 2caea156dad..8e424072e70 100644 --- a/src/portal/src/app/base/project/webhook/excutions/executions.component.scss +++ b/src/portal/src/app/base/project/webhook/excutions/executions.component.scss @@ -1,48 +1,48 @@ .link-normal { - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - max-width: 10rem; - text-transform: unset; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 10rem; + text-transform: unset; } .flex { - display: flex; + display: flex; } .pre { - min-width: 25rem; - max-width: 40rem; + min-width: 25rem; + max-width: 40rem; } .flex-end { - display: flex; - justify-content: space-between; + display: flex; + justify-content: space-between; } .refresh-btn { - margin-right: 1rem; - margin-bottom: 0.5rem; - cursor: pointer; + margin-right: 1rem; + margin-bottom: 0.5rem; + cursor: pointer; } .refresh-btn:hover { - color: #007CBB; + color: #007cbb; } pre { - border: none; + border: none; } .label-flex { - width: 9.5rem; - letter-spacing: 0; - display: block; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - border: 1px solid; - border-radius: 9px; - padding: 0 7px 0 10px; - text-align: center; + width: 9.5rem; + letter-spacing: 0; + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + border: 1px solid; + border-radius: 9px; + padding: 0 7px 0 10px; + text-align: center; } diff --git a/src/portal/src/app/base/project/webhook/tasks/tasks.component.scss b/src/portal/src/app/base/project/webhook/tasks/tasks.component.scss index 453f9063497..0c938aa93ea 100644 --- a/src/portal/src/app/base/project/webhook/tasks/tasks.component.scss +++ b/src/portal/src/app/base/project/webhook/tasks/tasks.component.scss @@ -1,174 +1,174 @@ .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: 384px; - margin-right: 5px; + .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: 384px; + 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: #ccc; + margin: 0 20px; + } + + .h2-style { + display: inline-block; + } + } } - >div:nth-child(2) { - width: 140px; - - span { - color: #007cbb; - font-size: 12px; - margin-left: 10px; - } + .execution-block { + margin-top: 24px; + display: flex; + 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; + } + } } + } - .id-divider { - display: inline-block; - height: 25px; - width: 2px; - background-color: #ccc; - margin: 0 20px; - } + .tasks-detail { + margin-top: 65px; - .h2-style { - display: inline-block; - } - } - } + .action-select { + padding-right: 18px; + height: 24px; + display: flex; + justify-content: flex-end; - .execution-block { - margin-top: 24px; - display: flex; - 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; - } - } - } + .filter-tag { + float: left; + margin-top: 8px; + } - .executions-detail { - width: 391px; + .refresh-btn { + cursor: pointer; + margin-top: 7px; + } - label { - display: inline-block; - width: 120px; + .refresh-btn:hover { + color: #007cbb; + } } - >div { - margin-top: 10px; + clr-datagrid { + .resource-width { + width: 150px; + } } - } - } - } - - .tasks-detail { - margin-top: 65px; - - .action-select { - padding-right: 18px; - height: 24px; - display: flex; - justify-content: flex-end; - - .filter-tag { - float: left; - margin-top: 8px; - } - - .refresh-btn { - cursor: pointer; - margin-top: 7px; - } - - .refresh-btn:hover { - color: #007CBB; - } - } - - clr-datagrid { - .resource-width { - width: 150px; - } } - } } .margin-top-16px { - margin-top: 16px; + margin-top: 16px; } .flex-end { - display: flex; - justify-content: space-between; + display: flex; + justify-content: space-between; } .refresh-btn { - margin-top: 6px; - cursor: pointer; + margin-top: 6px; + cursor: pointer; } .filter-tag { - margin-top: 7px; + margin-top: 7px; } .button-stop { - margin-top: 16px; - margin-left: -5px; + margin-top: 16px; + margin-left: -5px; } .refresh-btn { - margin-right: 1rem; - margin-bottom: 0.5rem; - cursor: pointer; + margin-right: 1rem; + margin-bottom: 0.5rem; + cursor: pointer; } .flex { - display: flex; + display: flex; } .pre { - min-width: 25rem; - max-width: 100%; + min-width: 25rem; + max-width: 100%; } diff --git a/src/portal/src/app/base/project/webhook/webhook.component.scss b/src/portal/src/app/base/project/webhook/webhook.component.scss index 4498145ce36..897956af67d 100644 --- a/src/portal/src/app/base/project/webhook/webhook.component.scss +++ b/src/portal/src/app/base/project/webhook/webhook.component.scss @@ -8,7 +8,7 @@ .webhook-form-wrap { width: 19rem; - margin: 0 ; + margin: 0; } .create-text { @@ -61,7 +61,7 @@ } .min-width-340 { - min-width: 340px!important; + min-width: 340px !important; } .margin-left-10 { @@ -105,5 +105,5 @@ } .refresh-btn:hover { - color: #007CBB; + color: #007cbb; } diff --git a/src/portal/src/app/common.scss b/src/portal/src/app/common.scss index f460b669fc9..520ca059dfd 100644 --- a/src/portal/src/app/common.scss +++ b/src/portal/src/app/common.scss @@ -22,4 +22,4 @@ .loading-top { top: 8px; -} \ No newline at end of file +} diff --git a/src/portal/src/app/license/license.component.scss b/src/portal/src/app/license/license.component.scss index b33eef7b5d7..3760e178c98 100644 --- a/src/portal/src/app/license/license.component.scss +++ b/src/portal/src/app/license/license.component.scss @@ -1,15 +1,15 @@ .license { - display: block; - font-family: monospace; - word-wrap: break-word; - white-space: pre-wrap; - padding: 1em 0; - font-size: 1rem; + display: block; + font-family: monospace; + word-wrap: break-word; + white-space: pre-wrap; + padding: 1em 0; + font-size: 1rem; } .overflow-y-scroll { - height: 100%; - width: 100%; - position: fixed; - overflow-y: auto; + height: 100%; + width: 100%; + position: fixed; + overflow-y: auto; } diff --git a/src/portal/src/app/not-found/not-found.component.scss b/src/portal/src/app/not-found/not-found.component.scss index 2c908a39c69..b3d72dd7581 100644 --- a/src/portal/src/app/not-found/not-found.component.scss +++ b/src/portal/src/app/not-found/not-found.component.scss @@ -28,5 +28,5 @@ .second-number { font-weight: bold; font-size: 2em; - color: #EB8D00; -} \ No newline at end of file + color: #eb8d00; +} diff --git a/src/portal/src/app/oidc-onboard/oidc-onboard.component.scss b/src/portal/src/app/oidc-onboard/oidc-onboard.component.scss index c81b703bed2..8aa2bd3ec2e 100644 --- a/src/portal/src/app/oidc-onboard/oidc-onboard.component.scss +++ b/src/portal/src/app/oidc-onboard/oidc-onboard.component.scss @@ -7,15 +7,15 @@ .modal-header { .close { - margin-right: 0.2rem + margin-right: 0.2rem; } } } -.oidc-header-text{ - color:rgb(94 94 94); +.oidc-header-text { + color: rgb(94 94 94); } .close-error { - padding-right:0; + padding-right: 0; } diff --git a/src/portal/src/app/shared/_mixin.scss b/src/portal/src/app/shared/_mixin.scss index a29a9c32502..74cd320d613 100644 --- a/src/portal/src/app/shared/_mixin.scss +++ b/src/portal/src/app/shared/_mixin.scss @@ -1,25 +1,23 @@ -@mixin text-overflow -{ +@mixin text-overflow { overflow: hidden; text-overflow: ellipsis; - word-wrap:break-word; - white-space: nowrap + word-wrap: break-word; + white-space: nowrap; } - -@mixin text-overflow-param($width) { - width: $width; +@mixin text-overflow-param($width) { + width: $width; @include text-overflow; } -@mixin grid-right-top-pos{ +@mixin grid-right-top-pos { position: absolute; z-index: 100; right: 35px; margin-top: 4px; } -@mixin absolute-center($width:108px) { +@mixin absolute-center($width: 108px) { position: absolute; top: 0; left: 0; @@ -37,5 +35,5 @@ } @mixin dropdown-as-action-button { - margin: .25rem .5rem .25rem 0; -} \ No newline at end of file + margin: 0.25rem 0.5rem 0.25rem 0; +} diff --git a/src/portal/src/app/shared/components/about-dialog/about-dialog.component.scss b/src/portal/src/app/shared/components/about-dialog/about-dialog.component.scss index 62bfdbf3a73..773159d4eca 100644 --- a/src/portal/src/app/shared/components/about-dialog/about-dialog.component.scss +++ b/src/portal/src/app/shared/components/about-dialog/about-dialog.component.scss @@ -5,12 +5,12 @@ } .dialog-body { - display:flex; + display: flex; padding-left: 0; } .content { - margin:0 10px 10px; + margin: 0 10px 10px; outline: none; width: 470px; } @@ -23,4 +23,4 @@ .harbor-logo-black { width: 60px; overflow: hidden; -} \ No newline at end of file +} diff --git a/src/portal/src/app/shared/components/app-level-alerts/app-level-alerts.component.scss b/src/portal/src/app/shared/components/app-level-alerts/app-level-alerts.component.scss index be55a680c01..cd561420f17 100644 --- a/src/portal/src/app/shared/components/app-level-alerts/app-level-alerts.component.scss +++ b/src/portal/src/app/shared/components/app-level-alerts/app-level-alerts.component.scss @@ -1,21 +1,21 @@ .alert-text { - flex: 0 0 auto !important; + flex: 0 0 auto !important; } .alert-action { - text-decoration: underline + text-decoration: underline; } .last { - position: absolute; - right: 3rem; + position: absolute; + right: 3rem; } .no-underline { - text-decoration: none; + text-decoration: none; } .banner-message { - min-width: 0; - word-break: break-word; + min-width: 0; + word-break: break-word; } diff --git a/src/portal/src/app/shared/components/cron-schedule/cron-schedule.component.scss b/src/portal/src/app/shared/components/cron-schedule/cron-schedule.component.scss index 2e88c425d0f..fed1169f9dd 100644 --- a/src/portal/src/app/shared/components/cron-schedule/cron-schedule.component.scss +++ b/src/portal/src/app/shared/components/cron-schedule/cron-schedule.component.scss @@ -1,40 +1,40 @@ .normal-wrapper-box { - display: flex; - align-items: center; + display: flex; + align-items: center; } .font-style { - display: inline-block; + display: inline-block; } span.required { - &::after { - content: '*'; - font-size: .5848rem; - line-height: .5rem; - color: #c92100; - margin-left: .25rem; - } + &::after { + content: '*'; + font-size: 0.5848rem; + line-height: 0.5rem; + color: #c92100; + margin-left: 0.25rem; + } } .height-1rem { - height: 1rem; + height: 1rem; } -.margin-left-minus-075{ - margin-left: -0.75rem; +.margin-left-minus-075 { + margin-left: -0.75rem; } .mt-05 { - margin-top: 0.5rem; + margin-top: 0.5rem; } .mb-05 { - margin-bottom: 0.5rem; + margin-bottom: 0.5rem; } .alert-warning { - flex-grow: 1; - margin-right: 0.6rem; - margin-left: 0.6rem; + flex-grow: 1; + margin-right: 0.6rem; + margin-left: 0.6rem; } diff --git a/src/portal/src/app/shared/components/cron-schedule/cron-tooltip/cron-tooltip.component.scss b/src/portal/src/app/shared/components/cron-schedule/cron-tooltip/cron-tooltip.component.scss index fea46658fe2..f299beaaab3 100644 --- a/src/portal/src/app/shared/components/cron-schedule/cron-tooltip/cron-tooltip.component.scss +++ b/src/portal/src/app/shared/components/cron-schedule/cron-tooltip/cron-tooltip.component.scss @@ -9,7 +9,7 @@ border-top-right-radius: 0.125rem; span { - font-size: 16px; + font-size: 16px; } } -} \ No newline at end of file +} diff --git a/src/portal/src/app/shared/components/datetime-picker/datetime-picker.component.scss b/src/portal/src/app/shared/components/datetime-picker/datetime-picker.component.scss index 2acce4c6292..f97bdb8075e 100644 --- a/src/portal/src/app/shared/components/datetime-picker/datetime-picker.component.scss +++ b/src/portal/src/app/shared/components/datetime-picker/datetime-picker.component.scss @@ -1,20 +1,20 @@ .tooltip { &.tooltip-validation.invalid { - &::before{ - top: 0.7em; - right: 3em; + &::before { + top: 0.7em; + right: 3em; } } - >.tooltip-content{ + > .tooltip-content { opacity: 1; visibility: visible; left: 75%; background-color: #c92100; } - >.tooltip-content::before { - border-left-color:#c92100; + > .tooltip-content::before { + border-left-color: #c92100; border-top-color: #c92100; } } diff --git a/src/portal/src/app/shared/components/filter/filter.component.scss b/src/portal/src/app/shared/components/filter/filter.component.scss index 961984c1440..859adf75f28 100644 --- a/src/portal/src/app/shared/components/filter/filter.component.scss +++ b/src/portal/src/app/shared/components/filter/filter.component.scss @@ -20,7 +20,7 @@ } .search-btn:hover { - color: #007CBB; + color: #007cbb; } .filter-input { diff --git a/src/portal/src/app/shared/components/gauge/gauge.component.scss b/src/portal/src/app/shared/components/gauge/gauge.component.scss index e101ed7508e..d69f29a9eb2 100644 --- a/src/portal/src/app/shared/components/gauge/gauge.component.scss +++ b/src/portal/src/app/shared/components/gauge/gauge.component.scss @@ -10,7 +10,7 @@ */ .esxc-gauge-circle-bg { - background-color: #EEE; + background-color: #eee; } /* @@ -52,7 +52,7 @@ * Small size gauge sizing */ -.esxc-gauge-small { +.esxc-gauge-small { .esxc-gauge-container { width: 60px; height: 30px; @@ -70,14 +70,14 @@ height: 60px; border-radius: 30px; } - + .esxc-gauge-circle-inner { width: 50px; height: 50px; border-radius: 25px; margin: 5px; } - + .esxc-gauge-circle-caption { margin-top: 6px; } @@ -136,27 +136,26 @@ } } - /* * Medium size gauge sizing */ - .esxc-gauge-medium { +.esxc-gauge-medium { .esxc-gauge-container { width: 130px; height: 65px; } - - .esxc-gauge-circle-fill { + + .esxc-gauge-circle-fill { height: 130px; border-radius: 130px; clip: rect(65px, 130px, 130px, 0); } - - .esxc-gauge-circle-bg { + + .esxc-gauge-circle-bg { height: 130px; border-radius: 65px; } - + .esxc-gauge-circle-inner { height: 120px; width: 120px; @@ -207,38 +206,37 @@ text-align: center; margin-top: -8px; } - } - +} /* * Large size gauge sizing */ - .esxc-gauge-large { +.esxc-gauge-large { .esxc-gauge-container { width: 260px; height: 130px; } - + .esxc-gauge-circle-fill { height: 260px; border-radius: 130px; clip: rect(130px, 260px, 260px, 0); } - + .esxc-gauge-circle-bg { height: 260px; border-radius: 130px; } - + .esxc-gauge-circle-inner { width: 240px; height: 240px; border-radius: 120px; margin: 10px; } - - .esxc-gauge-circle-caption { + + .esxc-gauge-circle-caption { margin-top: 95px; } @@ -294,4 +292,4 @@ margin-top: 0; } } - } \ No newline at end of file +} diff --git a/src/portal/src/app/shared/components/global-search/search.component.scss b/src/portal/src/app/shared/components/global-search/search.component.scss index bb5c00fdb66..f817cd98f40 100644 --- a/src/portal/src/app/shared/components/global-search/search.component.scss +++ b/src/portal/src/app/shared/components/global-search/search.component.scss @@ -54,7 +54,7 @@ content: ''; display: inline-block; background: #fafafa; - opacity: .15; + opacity: 0.15; height: 40px; width: 1px; top: 10px; @@ -73,6 +73,6 @@ outline: none; } -.search-input::placeholder{ +.search-input::placeholder { color: #fafafa; } diff --git a/src/portal/src/app/shared/components/image-name-input/image-name-input.component.scss b/src/portal/src/app/shared/components/image-name-input/image-name-input.component.scss index e384d703e65..2f093765230 100644 --- a/src/portal/src/app/shared/components/image-name-input/image-name-input.component.scss +++ b/src/portal/src/app/shared/components/image-name-input/image-name-input.component.scss @@ -1,5 +1,5 @@ /* stylelint-disable */ -.selectBox{ +.selectBox { position: absolute; width: 278px; height: auto; @@ -12,15 +12,15 @@ z-index: 100; } -.selectBox ul li{ +.selectBox ul li { list-style: none; padding: 3px 20px; cursor: pointer; } -.selectBox ul li:hover{ +.selectBox ul li:hover { color: #262626; - background-image: linear-gradient(180deg,#f5f5f5 0,#e8e8e8); + background-image: linear-gradient(180deg, #f5f5f5 0, #e8e8e8); background-repeat: repeat-x; } diff --git a/src/portal/src/app/shared/components/inline-alert/inline-alert.component.scss b/src/portal/src/app/shared/components/inline-alert/inline-alert.component.scss index f9cc9c5aa95..a96940ff73e 100644 --- a/src/portal/src/app/shared/components/inline-alert/inline-alert.component.scss +++ b/src/portal/src/app/shared/components/inline-alert/inline-alert.component.scss @@ -1,18 +1,18 @@ - .alert-text-blink { +.alert-text-blink { color: red; font-weight: bolder; - } +} - .alert-btn-link { +.alert-btn-link { padding: 0 !important; min-width: 30px !important; - } +} - .alert-item { +.alert-item { text-align: center; align-items: center; } -:host::ng-deep .alert-icon-wrapper{ +:host::ng-deep .alert-icon-wrapper { display: inline; } diff --git a/src/portal/src/app/shared/components/label-selector/label-selector.component.scss b/src/portal/src/app/shared/components/label-selector/label-selector.component.scss index 613ccdce1b2..de0c57c8ba3 100644 --- a/src/portal/src/app/shared/components/label-selector/label-selector.component.scss +++ b/src/portal/src/app/shared/components/label-selector/label-selector.component.scss @@ -1,33 +1,33 @@ .has-label { - max-height: 300px; - overflow-y: auto; - margin-top: 10px; + max-height: 300px; + overflow-y: auto; + margin-top: 10px; } .filter-label-input { - display: flex; - justify-content: center; + display: flex; + justify-content: center; } .no-labels { - height: 4rem; - display: flex; - align-items: center; - justify-content: center; + height: 4rem; + display: flex; + align-items: center; + justify-content: center; } .dropdown-item { - padding: 3px; - display: flex; - align-items: center; + padding: 3px; + display: flex; + align-items: center; } .check-icon { - margin-left: 5px; - margin-right: 5px; - margin-top: 3px; + margin-left: 5px; + margin-right: 5px; + margin-top: 3px; } .clr-form-control { - margin-top: 0 !important; + margin-top: 0 !important; } diff --git a/src/portal/src/app/shared/components/label/create-edit-label/create-edit-label.component.scss b/src/portal/src/app/shared/components/label/create-edit-label/create-edit-label.component.scss index dccc1633112..76dc9a95a1c 100644 --- a/src/portal/src/app/shared/components/label/create-edit-label/create-edit-label.component.scss +++ b/src/portal/src/app/shared/components/label/create-edit-label/create-edit-label.component.scss @@ -7,69 +7,68 @@ border: 1px solid #ccc; section { - padding: .5rem 0; + padding: 0.5rem 0; } - - section>label { - margin-left: 20px; + + section > label { + margin-left: 20px; } - /* stylelint-disable */ + /* stylelint-disable */ .btnColor { - margin: 0 !important; - padding: 0 !important; - width: 26px; - height: 22px; - min-width: 26px; + margin: 0 !important; + padding: 0 !important; + width: 26px; + height: 22px; + min-width: 26px; } .colorPanel { - span { - margin: 5px 4px; - width: 30px; - height: 24px; - text-align: center; - line-height: 24px; - font-size: 12px; - border: 1px solid #A1A1A1; - } + span { + margin: 5px 4px; + width: 30px; + height: 24px; + text-align: center; + line-height: 24px; + font-size: 12px; + border: 1px solid #a1a1a1; + } } - - .dropdown-menu { - display: inline-block; - width: 166px; - padding: 6px; - .dropdown-item { + .dropdown-menu { display: inline-block; - margin: 2px 4px; - padding: 0; - width: 30px; - height: 24px; - text-align: center; - line-height: 24px; - border: 0; - color: white; - font-size: 12px; - } + width: 166px; + padding: 6px; + + .dropdown-item { + display: inline-block; + margin: 2px 4px; + padding: 0; + width: 30px; + height: 24px; + text-align: center; + line-height: 24px; + border: 0; + color: white; + font-size: 12px; + } } - + .dropdown .dropdown-toggle.btn { - padding: 0 !important; + padding: 0 !important; } - .borderSty - { - border: 1px solid #A1A1A1 !important; - line-height: 22px; + .borderSty { + border: 1px solid #a1a1a1 !important; + line-height: 22px; } } ::ng-deep { - .clr-form-control { - display: inherit; - } + .clr-form-control { + display: inherit; + } } .position-ab { - position: absolute; + position: absolute; } diff --git a/src/portal/src/app/shared/components/label/label-signpost/label-signpost.component.scss b/src/portal/src/app/shared/components/label/label-signpost/label-signpost.component.scss index 57424a5c257..e97f483fb50 100644 --- a/src/portal/src/app/shared/components/label/label-signpost/label-signpost.component.scss +++ b/src/portal/src/app/shared/components/label/label-signpost/label-signpost.component.scss @@ -19,4 +19,4 @@ clr-signpost { } } } -} \ No newline at end of file +} diff --git a/src/portal/src/app/shared/components/label/label.component.scss b/src/portal/src/app/shared/components/label/label.component.scss index 3aa2c12d2d1..c93f100a93b 100644 --- a/src/portal/src/app/shared/components/label/label.component.scss +++ b/src/portal/src/app/shared/components/label/label.component.scss @@ -1,31 +1,28 @@ .label-config { - position: relative; - margin-top: 30px; - /* stylelint-disable */ + position: relative; + margin-top: 30px; + /* stylelint-disable */ .rightPos { - position: absolute; - z-index: 100; - right: 35px; - height: 24px; + position: absolute; + z-index: 100; + right: 35px; + height: 24px; - .option-right { - padding-right: 16px; + .option-right { + padding-right: 16px; - .refresh-btn { - cursor: pointer; + .refresh-btn { + cursor: pointer; - :hover { - color: #007CBB; + :hover { + color: #007cbb; + } } - } - } - } + } + } - hbr-label-piece { - max-width: 100%; - display: flex; - } + hbr-label-piece { + max-width: 100%; + display: flex; + } } - - - diff --git a/src/portal/src/app/shared/components/push-image/copy-input.coponent.html b/src/portal/src/app/shared/components/push-image/copy-input.coponent.html index 3e0cd2b32b1..fc015bfaf6c 100644 --- a/src/portal/src/app/shared/components/push-image/copy-input.coponent.html +++ b/src/portal/src/app/shared/components/push-image/copy-input.coponent.html @@ -1,7 +1,5 @@
-
- {{ headerTitle }} -
+
{{ headerTitle }}
.nav-item { - > button { - box-shadow: 0 -3px 0 $mode-link-color2 inset; - color: #0077b8; + > .nav-item { + > button { + box-shadow: 0 -3px 0 $mode-link-color2 inset; + color: #0077b8; + } } - } } } .label-form { - background-color: $label-form-color !important; + background-color: $label-form-color !important; } .esxc-gauge-circle-bgc-dark { - background-color: $mode-background-color1 ; + background-color: $mode-background-color1; } .harbor-icon { - transform: translateX($harbor-icon-translate-x) !important; - filter: drop-shadow($fill-color1 $harbor-icon-drop-shadow-x 2px) !important; + transform: translateX($harbor-icon-translate-x) !important; + filter: drop-shadow($fill-color1 $harbor-icon-drop-shadow-x 2px) !important; } .color-white-dark { - color: $right-status-fill-color; + color: $right-status-fill-color; } .label-filter-panel { - background-color: $mode-background-color !important; + background-color: $mode-background-color !important; } .filter-dark { - color: $mode-font-color1 !important; + color: $mode-font-color1 !important; } .side-form { - background-color: $mode-background-color !important; + background-color: $mode-background-color !important; } /* stylelint-disable */ .toolBar { - background-color: $mode-background-color !important; + background-color: $mode-background-color !important; } .search-overlay { - background-color: $mode-background-color2 !important; + background-color: $mode-background-color2 !important; } .add-modal-dark { - background: $mode-background-color3 !important; + background: $mode-background-color3 !important; } .license { - background-color: $mode-background-color !important; + background-color: $mode-background-color !important; } .pagination-list { - .pagination-current { - color: $mode-font-color1 !important; - } + .pagination-current { + color: $mode-font-color1 !important; + } } .no-info-div, .info-div { - background-color: $mode-background-color !important; + background-color: $mode-background-color !important; } .bottom-line-project-config { - color: $mode-font-color3 !important; + color: $mode-font-color3 !important; } .config-subtext { - color: $mode-font-color4 !important; + color: $mode-font-color4 !important; } .permission-dark { - color: $mode-font-color3 !important; + color: $mode-font-color3 !important; } .scanner-name { - color: $mode-font-color3 !important; + color: $mode-font-color3 !important; } .summary-dark { - color: $mode-font-color3 !important; - - h5 { color: $mode-font-color3 !important; - } + + h5 { + color: $mode-font-color3 !important; + } } .about-version { - color: $mode-font-color2 !important; + color: $mode-font-color2 !important; } .update-time { - color: $mode-font-color3 !important; + color: $mode-font-color3 !important; } .font-style { - color: $mode-font-color3 !important; + color: $mode-font-color3 !important; } .go-link { - color: $mode-link-color1 !important; - border-bottom: 1px solid $mode-link-color1 !important; + color: $mode-link-color1 !important; + border-bottom: 1px solid $mode-link-color1 !important; } .circle-block { - color: $mode-font-color5 !important; + color: $mode-font-color5 !important; } .executions-detail { - label { - color: $mode-font-color3 !important; - } + label { + color: $mode-font-color3 !important; + } } .black-point { - background-color: $mode-font-color3 !important; + background-color: $mode-font-color3 !important; } clr-dg-action-overflow { - clr-icon { - fill: $mode-font-color3 !important; - } + clr-icon { + fill: $mode-font-color3 !important; + } } .oidc-tip { - color: $mode-font-color3 !important; + color: $mode-font-color3 !important; } -.clr-select-wrapper{ - select { - option { - background: $select-back-color; - color: $select-option-color; +.clr-select-wrapper { + select { + option { + background: $select-back-color; + color: $select-option-color; + } } - } } hbr-tag { - .color-green { - color: $light-color-green !important; - } + .color-green { + color: $light-color-green !important; + } } .filter-divider { - background-color: $filter-divider-bg-color ; + background-color: $filter-divider-bg-color; } .selectBox { - background: $select-back-color !important; - color: $select-option-color !important; + background: $select-back-color !important; + color: $select-option-color !important; } -.selectBox ul li:hover{ - background-image: linear-gradient(180deg,$selectBox-option-hover-bg-color-start 0,$selectBox-option-hover-bg-color-end) !important; +.selectBox ul li:hover { + background-image: linear-gradient( + 180deg, + $selectBox-option-hover-bg-color-start 0, + $selectBox-option-hover-bg-color-end + ) !important; } hbr-result-tip-histogram { - .inner { - background-color: $hbr-result-tip-histogram-inner-bg-color; - } + .inner { + background-color: $hbr-result-tip-histogram-inner-bg-color; + } } // style of hbr-artifact-summary component @mixin align-text-mixin($values...) { - @each $var in $values { - &[align="$var"] { - text-align: $var; + @each $var in $values { + &[align='$var'] { + text-align: $var; + } } - } } %code-block { - background: $color-ddd; - border-radius: 2px; - padding: 2px 4px; + background: $color-ddd; + border-radius: 2px; + padding: 2px 4px; } -:not(pre) > code[class*="language-"], pre[class*="language-"] { - background-color: $color-yaml; +:not(pre) > code[class*='language-'], +pre[class*='language-'] { + background-color: $color-yaml; } .md-div { - code:not([class*="language-"]) { - @extend %code-block; + code:not([class*='language-']) { + @extend %code-block; - color: $color-657b83 - } + color: $color-657b83; + } - pre:not([class*="language-"]) { - background: $color-fdf6e3; + pre:not([class*='language-']) { + background: $color-fdf6e3; - code:not([class*="language-"]) { - @extend %code-block; + code:not([class*='language-']) { + @extend %code-block; - background: transparent; - } - } - - table { - display: block; - width: 100%; - overflow: auto; - padding: 0; - border-spacing: 0; - border-collapse: collapse; - margin-bottom: 16px; - - td, - th { - padding: 6px 13px; - border: 1px solid $color-ddd; - @include align-text-mixin(left, right, center); + background: transparent; + } } - tr { - &:nth-child(2n) { - background-color: $color-f2; - } + table { + display: block; + width: 100%; + overflow: auto; + padding: 0; + border-spacing: 0; + border-collapse: collapse; + margin-bottom: 16px; + + td, + th { + padding: 6px 13px; + border: 1px solid $color-ddd; + @include align-text-mixin(left, right, center); + } + + tr { + &:nth-child(2n) { + background-color: $color-f2; + } + } } - } } .table-tag { - .tag-thead { - .tag-header-color { - color: $mode-background-color3; + .tag-thead { + .tag-header-color { + color: $mode-background-color3; + } } - }; - .tag-tbody { - .tag-tr { - .tag-body-color { - color: $mode-background-color2; - } + .tag-tbody { + .tag-tr { + .tag-body-color { + color: $mode-background-color2; + } + } } - } - } clr-header { - background-color: $header-color; + background-color: $header-color; } .clr-page-size-select { - z-index: 0!important; + z-index: 0 !important; } hbr-copy-input { - .command-input { - color: $command-input-color; - background-color: $command-input-bg-color; - } + .command-input { + color: $command-input-color; + background-color: $command-input-bg-color; + } } artifact-list-tab { - .labelBtn { - .pull-left { - color: $mode-font-color1 - } - } - - .labelBtn:hover { - background-color: $label-hover-bg-color; - } - - .list-filter { - li:hover { - background-color: $label-hover-bg-color; + .labelBtn { + .pull-left { + color: $mode-font-color1; + } + } + + .labelBtn:hover { + background-color: $label-hover-bg-color; + } + + .list-filter { + li:hover { + background-color: $label-hover-bg-color; + } } - } } .nav-divider { - background-color: $nav-divider-bg-color; + background-color: $nav-divider-bg-color; } .label-color-input { - color: $label-color-input !important; + color: $label-color-input !important; } // for repos page grid view .central-block-loading { - background-color: $central-block-loading-bg-color; + background-color: $central-block-loading-bg-color; } .backStyle { - color: $back-link-color; + color: $back-link-color; } .back-icon { - color: $back-link-color; + color: $back-link-color; } .breadcrumb a { - color: $back-link-color; + color: $back-link-color; } -.arrow-block a{ - color: $back-link-color; +.arrow-block a { + color: $back-link-color; } .onback { - color: $back-link-color; + color: $back-link-color; } app-tag-feature-integration { - .checked { - background-color: $radio-button-checked; - } + .checked { + background-color: $radio-button-checked; + } } input:-webkit-autofill { - box-shadow: 0 0 0 30px $input-autofill-bg-color inset; - -webkit-text-fill-color: $input-autofill-color !important; - caret-color: $input-autofill-color + box-shadow: 0 0 0 30px $input-autofill-bg-color inset; + -webkit-text-fill-color: $input-autofill-color !important; + caret-color: $input-autofill-color; } hbr-copy-input { - .info-tips-icon { - color: $pull-command-icon-color; - } + .info-tips-icon { + color: $pull-command-icon-color; + } - .info-tips-icon:hover { - color: $pull-command-icon-hover-color; - } + .info-tips-icon:hover { + color: $pull-command-icon-hover-color; + } } .select-all-for-dropdown { - color: $select-all-for-dropdown-color !important; + color: $select-all-for-dropdown-color !important; } hbr-create-edit-rule { - .label-text { - border-bottom-color: $normal-border-color !important; - } + .label-text { + border-bottom-color: $normal-border-color !important; + } } app-artifact-filter { - .border-bottom-color { - border-bottom-color: $normal-border-color !important; - } - .search-dropdown-toggle { - color: $normal-border-color !important;; - } + .border-bottom-color { + border-bottom-color: $normal-border-color !important; + } + .search-dropdown-toggle { + color: $normal-border-color !important; + } } job-service-dashboard { - .duration { - color: $text-color-job-service-dashboard; - } + .duration { + color: $text-color-job-service-dashboard; + } } .datagrid-numeric-filter-input { - background-color: $datagrid-numeric-filter-input-bg-color; + background-color: $datagrid-numeric-filter-input-bg-color; } - .my-action-item { - color: $normal-border-color + color: $normal-border-color; } .my-action-item:hover { - background-color: $label-hover-bg-color !important; + background-color: $label-hover-bg-color !important; } .alert.alert-warning { - padding: 0 !important; + padding: 0 !important; } .alerts.alert-info { - background-color: $alert-info-bg-color; + background-color: $alert-info-bg-color; } diff --git a/src/portal/src/css/dark-theme.scss b/src/portal/src/css/dark-theme.scss index ff49b067e85..c0a37717391 100644 --- a/src/portal/src/css/dark-theme.scss +++ b/src/portal/src/css/dark-theme.scss @@ -1,5 +1,5 @@ // Variables for dark theme should be defined here. -@import "../../node_modules/@clr/ui/clr-ui-dark.min.css"; +@import '../../node_modules/@clr/ui/clr-ui-dark.min.css'; $mode-background-color: rgb(27 42 50); $mode-background-color1: $mode-background-color !important; @@ -21,9 +21,9 @@ $light-color-green: #4cd400; $color-ddd: #21333b; $color-f2: transparent; $color-657b83: unset; -$color-fdf6e3: transparent; -$header-color: hsl(198deg 100% 15%)!important; -$color-yaml: #253c46; +$color-fdf6e3: transparent; +$header-color: hsl(198deg 100% 15%) !important; +$color-yaml: #253c46; $filter-divider-bg-color: #495865; /* stylelint-disable */ $selectBox-option-hover-bg-color-start: #4aaed9; @@ -37,15 +37,15 @@ $label-hover-bg-color: #28404d; $nav-divider-bg-color: #fafafa; $label-color-input: #ddd; $central-block-loading-bg-color: rgb(0 0 0 / 50%); -$back-link-color: #4aaed9!important; +$back-link-color: #4aaed9 !important; $radio-button-checked: #4aaed9; $input-autofill-bg-color: #1b2a32; $input-autofill-color: #eaedf0; $pull-command-icon-color: #4aaed9; -$pull-command-icon-hover-color: #007CBB; +$pull-command-icon-hover-color: #007cbb; $select-all-for-dropdown-color: #4aaed9; $normal-border-color: #acbac3; $text-color-job-service-dashboard: #49aeda; $datagrid-numeric-filter-input-bg-color: #21333b; $alert-info-bg-color: none; -@import "./common.scss"; +@import './common.scss'; diff --git a/src/portal/src/css/light-theme.scss b/src/portal/src/css/light-theme.scss index af222df37f4..1864d3501f0 100644 --- a/src/portal/src/css/light-theme.scss +++ b/src/portal/src/css/light-theme.scss @@ -1,7 +1,6 @@ // Variables for light theme should be defined here. -@import "../../node_modules/@clr/ui/clr-ui.min.css"; +@import '../../node_modules/@clr/ui/clr-ui.min.css'; - $mode-background-color: #fff; $mode-background-color1: $mode-background-color; $mode-background-color2: #fafafa; @@ -22,9 +21,9 @@ $light-color-green: $right-status-fill-color; $color-ddd: #ddd; $color-f2: #f2f2f2; $color-657b83: #657b83; -$color-fdf6e3: #fdf6e3; +$color-fdf6e3: #fdf6e3; $header-color: rgb(0 74 112); -$color-yaml: #fdf6e3; +$color-yaml: #fdf6e3; $filter-divider-bg-color: #ccc; /* stylelint-disable */ $selectBox-option-hover-bg-color-start: #f5f5f5; @@ -42,11 +41,11 @@ $back-link-color: none; $radio-button-checked: #0072a3; $input-autofill-bg-color: #fafafa; $input-autofill-color: #000; -$pull-command-icon-color: #007CBB; +$pull-command-icon-color: #007cbb; $pull-command-icon-hover-color: #4aaed9; $select-all-for-dropdown-color: #0072a3; $normal-border-color: #6a7a81; $text-color-job-service-dashboard: #0072a3; $datagrid-numeric-filter-input-bg-color: unset; $alert-info-bg-color: #107eb0; -@import "./common.scss"; +@import './common.scss'; diff --git a/src/portal/src/global.scss b/src/portal/src/global.scss index 8370d068426..aadf6c60679 100644 --- a/src/portal/src/global.scss +++ b/src/portal/src/global.scss @@ -1,481 +1,480 @@ body { - overflow-y: hidden; + overflow-y: hidden; } a { - text-decoration: none; + text-decoration: none; } .app-loading { - position: absolute !important; - top: 0; - left: 0; - right: 0; - bottom: 0; - margin: auto !important; - width: 108px !important; - height: 108px !important; + position: absolute !important; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: auto !important; + width: 108px !important; + height: 108px !important; } /* Hack Clarity alert */ .alert-global { - font-size: 16px; - font-weight: 400; - font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif; - padding: 12px !important; - border: none !important; - margin-top: 0 !important; - max-height: 96px; + font-size: 16px; + font-weight: 400; + font-family: Metropolis, 'Avenir Next', 'Helvetica Neue', Arial, sans-serif; + padding: 12px !important; + border: none !important; + margin-top: 0 !important; + max-height: 96px; } .alert-global-align { - -webkit-box-pack: center; - justify-content: center; - -webkit-box-align: center; - align-items: center; - overflow-y: auto; - overflow-x: hidden; + -webkit-box-pack: center; + justify-content: center; + -webkit-box-align: center; + align-items: center; + overflow-y: auto; + overflow-x: hidden; } .tooltip-content { - white-space: normal; - word-wrap: break-word; + white-space: normal; + word-wrap: break-word; } .alert.alert-warning { - padding: 10px 12px; + padding: 10px 12px; } .alert-warning { - .alert-actions { - button { - margin: -2px 0 0; + .alert-actions { + button { + margin: -2px 0 0; + } } - } } .modal-header { - padding: 0; + padding: 0; } .rotate-90 { - transform: rotate(-90deg); + transform: rotate(-90deg); } /* set overflow bar style */ ::-webkit-scrollbar { - width: 8px; - background: transparent; + width: 8px; + background: transparent; } ::-webkit-scrollbar-track { - box-shadow: inset 0 0 2px rgb(0 0 0 / 30%); - border-radius: 4px; + box-shadow: inset 0 0 2px rgb(0 0 0 / 30%); + border-radius: 4px; } ::-webkit-scrollbar-thumb { - border-radius: 4px; - background: #ccc; - box-shadow: inset 0 0 2px rgb(0 0 0 / 50%); + border-radius: 4px; + background: #ccc; + box-shadow: inset 0 0 2px rgb(0 0 0 / 50%); } ::-webkit-scrollbar-thumb:window-inactive { - background: rgb(255 0 0 / 40%); + background: rgb(255 0 0 / 40%); } .custom-h2 { - line-height: 24px; + line-height: 24px; } .datagrid-header { - z-index: 0 !important; + z-index: 0 !important; } .color-green { - color: #00d40f; + color: #00d40f; } .color-red { - color: red; - margin-left: 2px; + color: red; + margin-left: 2px; } .datagrid-table, .datagrid-header { - position: inherit !important; + position: inherit !important; } .required::after { - content: "*"; - font-size: 0.5848rem; - line-height: 0.5rem; - color: #c92100; - margin-left: 0.25rem; + content: '*'; + font-size: 0.5848rem; + line-height: 0.5rem; + color: #c92100; + margin-left: 0.25rem; } .flex-items-xs-right { - justify-content: flex-end; + justify-content: flex-end; } .clr-vertical-nav .nav-link { - border-radius: 5px; + border-radius: 5px; } clr-dropdown { - div:focus { - outline: none; - } + div:focus { + outline: none; + } } - .w-100 { - width: 100% !important; + width: 100% !important; } .h-100 { - height: 100% !important; + height: 100% !important; } .mx-auto { - margin-right: auto !important; - margin-left: auto !important; + margin-right: auto !important; + margin-left: auto !important; } .m-0 { - margin: 0 !important; + margin: 0 !important; } .mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .mr-0 { - margin-right: 0 !important; + margin-right: 0 !important; } .mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .ml-0 { - margin-left: 0 !important; + margin-left: 0 !important; } .mx-0 { - margin-right: 0 !important; - margin-left: 0 !important; + margin-right: 0 !important; + margin-left: 0 !important; } .my-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; + margin-top: 0 !important; + margin-bottom: 0 !important; } .m-1 { - margin: 1rem !important; + margin: 1rem !important; } .mt-1 { - margin-top: 1rem !important; + margin-top: 1rem !important; } .mr-1 { - margin-right: 1rem !important; + margin-right: 1rem !important; } .mb-1 { - margin-bottom: 1rem !important; + margin-bottom: 1rem !important; } .ml-1 { - margin-left: 1rem !important; + margin-left: 1rem !important; } .mx-1 { - margin-right: 1rem !important; - margin-left: 1rem !important; + margin-right: 1rem !important; + margin-left: 1rem !important; } .my-1 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; + margin-top: 1rem !important; + margin-bottom: 1rem !important; } .m-2 { - margin: 1.5rem !important; + margin: 1.5rem !important; } .mt-2 { - margin-top: 1.5rem !important; + margin-top: 1.5rem !important; } .mr-2 { - margin-right: 1.5rem !important; + margin-right: 1.5rem !important; } .mb-2 { - margin-bottom: 1.5rem !important; + margin-bottom: 1.5rem !important; } .ml-2 { - margin-left: 1.5rem !important; + margin-left: 1.5rem !important; } .mx-2 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } .my-2 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } .m-3 { - margin: 3rem !important; + margin: 3rem !important; } .mt-3 { - margin-top: 3rem !important; + margin-top: 3rem !important; } .mr-3 { - margin-right: 3rem !important; + margin-right: 3rem !important; } .mb-3 { - margin-bottom: 3rem !important; + margin-bottom: 3rem !important; } .ml-3 { - margin-left: 3rem !important; + margin-left: 3rem !important; } .mx-3 { - margin-right: 3rem !important; - margin-left: 3rem !important; + margin-right: 3rem !important; + margin-left: 3rem !important; } .my-3 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; + margin-top: 3rem !important; + margin-bottom: 3rem !important; } .p-0 { - padding: 0 !important; + padding: 0 !important; } .pt-0 { - padding-top: 0 !important; + padding-top: 0 !important; } .pr-0 { - padding-right: 0 !important; + padding-right: 0 !important; } .pb-0 { - padding-bottom: 0 !important; + padding-bottom: 0 !important; } .pl-0 { - padding-left: 0 !important; + padding-left: 0 !important; } .px-0 { - padding-right: 0 !important; - padding-left: 0 !important; + padding-right: 0 !important; + padding-left: 0 !important; } .py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; + padding-top: 0 !important; + padding-bottom: 0 !important; } .p-1 { - padding: 1rem !important; + padding: 1rem !important; } .pt-1 { - padding-top: 1rem !important; + padding-top: 1rem !important; } .pr-1 { - padding-right: 1rem !important; + padding-right: 1rem !important; } .pb-1 { - padding-bottom: 1rem !important; + padding-bottom: 1rem !important; } .pl-1 { - padding-left: 1rem !important; + padding-left: 1rem !important; } .px-1 { - padding-right: 1rem !important; - padding-left: 1rem !important; + padding-right: 1rem !important; + padding-left: 1rem !important; } .py-1 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; + padding-top: 1rem !important; + padding-bottom: 1rem !important; } .p-2 { - padding: 1.5rem !important; + padding: 1.5rem !important; } .pt-2 { - padding-top: 1.5rem !important; + padding-top: 1.5rem !important; } .pr-2 { - padding-right: 1.5rem !important; + padding-right: 1.5rem !important; } .pb-2 { - padding-bottom: 1.5rem !important; + padding-bottom: 1.5rem !important; } .pl-2 { - padding-left: 1.5rem !important; + padding-left: 1.5rem !important; } .px-2 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } .py-2 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } .p-3 { - padding: 3rem !important; + padding: 3rem !important; } .pt-3 { - padding-top: 3rem !important; + padding-top: 3rem !important; } .pr-3 { - padding-right: 3rem !important; + padding-right: 3rem !important; } .pb-3 { - padding-bottom: 3rem !important; + padding-bottom: 3rem !important; } .pl-3 { - padding-left: 3rem !important; + padding-left: 3rem !important; } .px-3 { - padding-right: 3rem !important; - padding-left: 3rem !important; + padding-right: 3rem !important; + padding-left: 3rem !important; } .py-3 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + padding-top: 3rem !important; + padding-bottom: 3rem !important; } .pos-f-t { - position: fixed; - top: 0; - right: 0; - left: 0; - z-index: 1030; + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; } .text-justify { - text-align: justify !important; + text-align: justify !important; } .text-nowrap { - white-space: nowrap !important; + white-space: nowrap !important; } .text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .text-xs-left { - text-align: left !important; + text-align: left !important; } .text-xs-right { - text-align: right !important; + text-align: right !important; } .text-xs-center { - text-align: center !important; + text-align: center !important; } .float-lg-right { - float: right; + float: right; } .position-relative { - position: relative; + position: relative; } clr-datagrid { - clr-dg-row { - .datagrid-scrolling-cells { - align-items: center; - width: 100%; + clr-dg-row { + .datagrid-scrolling-cells { + align-items: center; + width: 100%; + } + + clr-dg-cell { + overflow-wrap: break-word; + } + + .datagrid-expandable-caret-icon { + margin-top: 0; + } } - clr-dg-cell { - overflow-wrap: break-word; + .datagrid-select { + display: flex; + align-items: center; + + clr-checkbox-wrapper, + clr-radio-wrapper { + .clr-control-label { + min-height: 0.8rem; + width: 0.5rem; + } + } } - .datagrid-expandable-caret-icon { - margin-top: 0; + .datagrid-table { + .datagrid-column { + .datagrid-column-title, + clr-dg-filter { + align-self: center; + } + } } - } - - .datagrid-select { - display: flex; - align-items: center; - - clr-checkbox-wrapper, - clr-radio-wrapper { - .clr-control-label { - min-height: 0.8rem; - width: 0.5rem; - } - } - } - - .datagrid-table { - .datagrid-column { - .datagrid-column-title, - clr-dg-filter { - align-self: center; - } - } - } } /* stylelint-disable no-descending-specificity */ button:focus { - outline: none !important; + outline: none !important; } .cursor-pointer { - cursor: pointer + cursor: pointer; } .text-align-r { - text-align: right !important; + text-align: right !important; } .datagrid-expandable-caret.datagrid-fixed-column.datagrid-cell.ng-star-inserted { - align-items: center; - display: flex; + align-items: center; + display: flex; } diff --git a/tests/ci/ui_ut_run.sh b/tests/ci/ui_ut_run.sh index 1a1ff395c65..ec71dec4725 100755 --- a/tests/ci/ui_ut_run.sh +++ b/tests/ci/ui_ut_run.sh @@ -6,7 +6,17 @@ cd ./src/portal npm install -g -q --no-progress @angular/cli npm install -g -q --no-progress karma npm install -q --no-progress -# check code lint first then run ut test + +# Run format and check for changes +npm run format + +# Check if any files were changed by formatting +if [[ -n $(git status --porcelain) ]]; then + echo "Formatting issues found. Please run 'npm run format' and commit the changes." + exit 1 +fi + +# Lint and run tests npm run lint npm run lint:style npm run test && cd -