From d2dbdc171ac8e1632a8ed84e22465e3f1842f46a Mon Sep 17 00:00:00 2001 From: Valentijn Scholten Date: Wed, 8 Jan 2025 14:32:45 +0100 Subject: [PATCH] unprettify _custom.css --- src/assets/scss/_custom.scss | 177 ++++++++++++++--------------------- 1 file changed, 71 insertions(+), 106 deletions(-) diff --git a/src/assets/scss/_custom.scss b/src/assets/scss/_custom.scss index d8283d69..28c9f9c8 100644 --- a/src/assets/scss/_custom.scss +++ b/src/assets/scss/_custom.scss @@ -6,39 +6,34 @@ html { .modal-header { background-color: $grey-800; } -.modal-header, -.modal-footer { - padding: 0.5rem 0.7rem; +.modal-header, .modal-footer { + padding: .5rem .7rem; } -.severity-critical, -.status-failed { +.severity-critical, .status-failed { color: $severity-critical; .progress-bar { background-color: $severity-critical; } } .severity-high { - color: $severity-high; + color:$severity-high; .progress-bar { background-color: $severity-high; } } -.severity-medium, -.status-warning { +.severity-medium, .status-warning { color: $severity-medium; .progress-bar { background-color: $severity-medium; } } -.severity-low, -.status-passed { +.severity-low, .status-passed { color: $severity-low; .progress-bar { background-color: $severity-low; } } -.severity-info, -.status-info { +.severity-info, .status-info { color: $severity-info; .progress-bar { background-color: $severity-info; @@ -54,29 +49,19 @@ html { .table-progress { width: 100% !important; } -.severity-critical-bg, -.bg-severity-critical, -.bg-CRITICAL { +.severity-critical-bg, .bg-severity-critical, .bg-CRITICAL { background: $severity-critical none; } -.severity-high-bg, -.bg-severity.high, -.bg-HIGH { +.severity-high-bg, .bg-severity.high, .bg-HIGH { background: $severity-high none; } -.severity-medium-bg, -.bg-severity-medium, -.bg-MEDIUM { +.severity-medium-bg, .bg-severity-medium, .bg-MEDIUM { background: $severity-medium none; } -.severity-low-bg, -.bg-severity-low, -.bg-LOW { +.severity-low-bg, .bg-severity-low, .bg-LOW { background: $severity-low none; } -.severity-info-bg, -.bg-severity-info, -.bg-INFO { +.severity-info-bg, .bg-severity-info, .bg-INFO { background: $severity-info none; } .severity-warn-bg { @@ -88,71 +73,69 @@ html { .bg-violation-type { background: $widget-3; } -.severity-unassigned-bg, -.bg-severity-unassigned, -.bg-UNASSIGNED { +.severity-unassigned-bg, .bg-severity-unassigned, .bg-UNASSIGNED { background: $severity-unassigned none; } .severity-bug-icon { - width: 40px; - height: 40px; - color: #ffffff; + width:40px; + height:40px; + color:#ffffff; } .severity-bug-label { - height: 40px; - color: #ffffff; + height:40px; + color:#ffffff; background-color: $severity-label-bg; } .pointer:hover { cursor: pointer; } .label-analyzer { - border: 1px solid #5c9ccb; + border: 1px solid #5C9CCB; } .label-analyzer-internal { color: $white; } .label-source { color: #222222; - padding: 0.2em 0.6em 0.3em; + padding: .2em .6em .3em; font-weight: normal; font-size: 75%; } .label-source-nvd { - background-color: #aecee5; - border: 1px solid #5c9ccb; + background-color: #AECEE5; + border: 1px solid #5C9CCB; } .label-source-npm { - background-color: #b4afe4; - border: 1px solid #6e63cc; + background-color: #B4AFE4; + border: 1px solid #6E63CC; } .label-source-ossindex { - background-color: #afe4bf; - border: 1px solid #73d08f; + background-color: #AFE4BF; + border: 1px solid #73D08F; } .label-source-snyk { background-color: #afd2e4; border: 1px solid #73c1d0; } .label-source-vulndb { - background-color: #ffc78b; - border: 1px solid #fe9536; + background-color: #FFC78B; + border: 1px solid #FE9536; } .label-source-victims { - background-color: #e4afaf; - border: 1px solid #cc6666; + background-color: #E4AFAF; + border: 1px solid #CC6666; } .label-source-github { - background-color: #d4bbf7; - border: 1px solid #a66af7; + background-color: #D4BBF7; + border: 1px solid #A66AF7; } .label-source-osv { background-color: #f7bbdc; border: 1px solid #cc668a; } .label-source-internal { - background-color: #ebe5a8; - border: 1px solid #dcd167; + background-color: #EBE5A8; + border: 1px solid #DCD167; } .label-source-drupal { background-color: hsl(120, 75%, 39%); @@ -165,48 +148,43 @@ html { .label-source-unknown { background-color: $severity-unassigned; border: 1px solid $grey-900; - color: #ffffff; + color: #FFFFFF; } .label-notification { color: #222222; - padding: 0.2em 0.6em 0.3em; + padding: .2em .6em .3em; font-weight: normal; font-size: 75%; } .label-notification-fail { - background-color: lighten($notification-fail, 15%); + background-color: lighten($notification-fail, 15% ); border: 1px solid $notification-fail; } .label-notification-warn { - background-color: lighten($notification-warn, 15%); + background-color: lighten($notification-warn, 15% ); border: 1px solid $notification-warn; } .label-notification-info { - background-color: lighten($notification-info, 15%); + background-color: lighten($notification-info, 15% ); border: 1px solid $notification-info; } .table { background-color: $grey-750; } -.table td.tight, -.table th.tight { +.table td.tight, .table th.tight { width: 1%; } -.table td.expand, -.table th.expand { +.table td.expand, .table th.expand { width: 10%; } -.table td.expand-20, -.table th.expand-20 { +.table td.expand-20, .table th.expand-20 { width: 20%; } label.required:after { color: #d62728; - content: ' *'; + content:" *"; } -input.required, -select.required, -textarea.required { +input.required, select.required, textarea.required { border-color: #ffd700; } @@ -278,17 +256,17 @@ textarea.required { .callout-severity-unassigned { border-left-color: $severity-unassigned; } -.toast-container > div { +.toast-container>div { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .expanded-row { - margin-top: -12px; - margin-bottom: -12px; + margin-top:-12px; + margin-bottom:-12px; margin-right: -13px; - padding-top: 20px; + padding-top:20px; padding-bottom: 20px; background-color: $grey-800; } @@ -301,11 +279,10 @@ textarea.required { box-shadow: 0 0 0 0; } -.btn-outline-primary.disabled.active, -.btn-outline-primary:disabled.active { +.btn-outline-primary.disabled.active, .btn-outline-primary:disabled.active { background-color: darken($blue, 20); color: $white; - opacity: 1; + opacity: 1.0; } .formattedLicenseContent { @@ -316,24 +293,24 @@ textarea.required { /* Bootstrap Toggle v2.2.2 corrections for Bootsrtap 4*/ .toggle-off { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .toggle.off { - border-color: rgba(0, 0, 0, 0.25); + border-color: rgba(0, 0, 0, .25); } .toggle-handle { background-color: $toggle-handle-bg; - border: thin rgba(0, 0, 0, 0.25) solid; + border: thin rgba(0, 0, 0, .25) solid; } h6 { - font-size: 1em; + font-size: 1.0em; font-weight: 600; text-transform: uppercase; } .switch { vertical-align: middle; - margin-top: 0.5rem; - margin-bottom: 0.5rem; + margin-top: .5rem; + margin-bottom: .5rem; margin-right: 1rem; } .switch-slider { @@ -343,39 +320,26 @@ h6 { background-color: $grey-200; } .card-footer > :not(:last-child) { - margin-right: 0.25rem; + margin-right: .25rem; } .card-footer > :not(:first-child) { - margin-left: 0.25rem; + margin-left: .25rem; } .bs-table-custom-toolbar > :not(:last-child) { - margin-right: 0.25rem; + margin-right: .25rem; } .bs-table-custom-toolbar > :not(:first-child) { - margin-left: 0.25rem; + margin-left: .25rem; } .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading { - background: $grey-750 !important; -} -.bootstrap-table - .fixed-table-container - .fixed-table-body - .fixed-table-loading.table-dark - .animation-dot, -.bootstrap-table - .fixed-table-container - .fixed-table-body - .fixed-table-loading.table-dark - .animation-wrap::after, -.bootstrap-table - .fixed-table-container - .fixed-table-body - .fixed-table-loading.table-dark - .animation-wrap::before { - background: $grey-750 !important; -} -.was-validated .form-control:invalid, -.form-control.is-invalid { + background: $grey-750 !important; +} +.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-dot, +.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-wrap::after, +.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-wrap::before { + background: $grey-750 !important;; +} +.was-validated .form-control:invalid, .form-control.is-invalid { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); } .bg-widget { @@ -388,7 +352,7 @@ button:focus { border: 1px solid #60768c !important; background-color: $grey-900 !important; margin-left: 0.6em !important; - color: #21d983 !important; + color: #21D983 !important; } .badge-tab-fail { border: 1px solid #60768c !important; @@ -417,7 +381,7 @@ button:focus { } td a.detail-icon { font-size: 150%; - line-height: 1; + line-height: 1.0; color: $grey-600; } .b-calendar-grid-body .text-dark { @@ -553,6 +517,7 @@ td a.detail-icon { white-space: nowrap; } + .icon-cellend { float: right; padding-top: 0.3rem;