diff options
author | GitLab Bot <gitlab-bot@gitlab.com> | 2022-10-06 21:09:01 +0000 |
---|---|---|
committer | GitLab Bot <gitlab-bot@gitlab.com> | 2022-10-06 21:09:01 +0000 |
commit | ca3ff7f842fb1e4bf124356a6faccd3e65b7aba3 (patch) | |
tree | befb345c84e172b0592378ca17298f7a0c955a06 /app/assets/stylesheets/page_bundles/operations.scss | |
parent | 1287690a3678ad0ec21c9b2f3b21ae18257d5e22 (diff) | |
download | gitlab-ce-ca3ff7f842fb1e4bf124356a6faccd3e65b7aba3.tar.gz |
Add latest changes from gitlab-org/gitlab@master
Diffstat (limited to 'app/assets/stylesheets/page_bundles/operations.scss')
-rw-r--r-- | app/assets/stylesheets/page_bundles/operations.scss | 80 |
1 files changed, 80 insertions, 0 deletions
diff --git a/app/assets/stylesheets/page_bundles/operations.scss b/app/assets/stylesheets/page_bundles/operations.scss new file mode 100644 index 00000000000..497cb63033c --- /dev/null +++ b/app/assets/stylesheets/page_bundles/operations.scss @@ -0,0 +1,80 @@ +@import 'mixins_and_variables_and_functions'; + +.dashboard-cards { + margin-right: -$gl-padding-8; + margin-left: -$gl-padding-8; +} + +.dashboard-card { + @include gl-cursor-grab; + + &-header { + &-warning { + background-color: var(--orange-100, $orange-100); + } + } + + &-body { + min-height: 120px; + + &-warning { + background-color: var(--orange-50, $orange-50); + } + + &-failed { + background-color: var(--red-50, $red-50); + } + } + + &-icon { + color: var(--gray-300, $gray-300); + } + + &-footer { + border-radius: $gl-padding; + height: $gl-padding-32; + + &-arrow { + color: var(--gray-200, $gray-200); + } + + &-downstream { + margin-right: -$gl-padding-8; + } + + &-extra { + background-color: var(--gray-200, $gray-200); + font-size: 10px; + line-height: $gl-line-height; + width: $gl-padding; + } + } + + &-header { + &-failed { + background-color: var(--red-100, $red-100); + } + } + + &-skeleton-info { + border-radius: $gl-padding; + height: $gl-padding; + overflow: hidden; + + &::after { + content: ' '; + display: block; + animation: blockTextShine 1s linear infinite forwards; + background-repeat: no-repeat; + background-size: cover; + background-image: linear-gradient(to right, + var(--gray-50, $gray-50) 0%, + var(--gray-10, $gray-10) 20%, + var(--gray-50, $gray-50) 40%, + var(--gray-50, $gray-50) 100%); + border-radius: $gl-padding; + height: $gl-padding; + margin-top: -$gl-padding-8; + } + } +} |