Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 | 9x 363x 363x | <!-- eslint-disable vue/multi-word-component-names --> <script> import { GlIcon } from '@gitlab/ui'; import TooltipOnTruncate from '~/vue_shared/components/tooltip_on_truncate/tooltip_on_truncate.vue'; export default { components: { GlIcon, TooltipOnTruncate, }, props: { severity: { type: Object, required: true, validator(severity) { const { value, label, icon } = severity; return value && label && icon; }, }, iconSize: { type: Number, required: false, default: 12, }, iconOnly: { type: Boolean, required: false, default: false, }, }, }; </script> <template> <div class="incident-severity gl-display-inline-flex gl-align-items-center gl-justify-content-between gl-max-w-full" > <gl-icon :size="iconSize" :name="`severity-${severity.icon}`" :class="[`icon-${severity.icon}`, { 'gl-mr-3 gl-flex-shrink-0': !iconOnly }]" /> <tooltip-on-truncate v-if="!iconOnly" :title="severity.label" class="gl-text-truncate"> {{ severity.label }} </tooltip-on-truncate> </div> </template> |