diff options
Diffstat (limited to 'app/assets/stylesheets/page_bundles/ci_status.scss')
-rw-r--r-- | app/assets/stylesheets/page_bundles/ci_status.scss | 79 |
1 files changed, 79 insertions, 0 deletions
diff --git a/app/assets/stylesheets/page_bundles/ci_status.scss b/app/assets/stylesheets/page_bundles/ci_status.scss new file mode 100644 index 00000000000..8522a0a8fe4 --- /dev/null +++ b/app/assets/stylesheets/page_bundles/ci_status.scss @@ -0,0 +1,79 @@ +@import 'mixins_and_variables_and_functions'; + +.ci-status { + padding: 2px 7px 4px; + border: 1px solid $gray-darker; + white-space: nowrap; + border-radius: 4px; + + &:hover, + &:focus { + text-decoration: none; + } + + svg { + height: 13px; + width: 13px; + overflow: visible; + } + + &.ci-failed { + @include status-color($red-100, $red-500, $red-600); + } + + &.ci-success { + @include green-status-color; + } + + &.ci-canceled, + &.ci-disabled, + &.ci-scheduled, + &.ci-manual { + color: $gl-text-color; + border-color: $gl-text-color; + + &:not(span):hover { + background-color: rgba($gl-text-color, 0.07); + } + } + + &.ci-preparing { + @include status-color($gray-100, $gray-300, $gray-400); + } + + &.ci-pending, + &.ci-waiting-for-resource, + &.ci-failed-with-warnings, + &.ci-success-with-warnings { + @include status-color($orange-50, $orange-500, $orange-700); + } + + &.ci-info, + &.ci-running { + @include status-color($blue-100, $blue-500, $blue-600); + } + + &.ci-created, + &.ci-skipped { + color: $gl-text-color-secondary; + border-color: $gl-text-color-secondary; + + &:not(span):hover { + background-color: rgba($gl-text-color-secondary, 0.07); + } + } +} + +.d-block.d-sm-none-inline { + .ci-status-link { + position: relative; + top: 2px; + left: 5px; + } +} + +.ci-status-link { + svg { + overflow: visible; + } +} |