All files / app/assets/javascripts/boards/components board_card_loading_skeleton.vue

100% Statements 2/2
100% Branches 0/0
0% Functions 0/1
100% Lines 2/2

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  2x                   6x                              
<script>
import { GlSkeletonLoader } from '@gitlab/ui';
 
export default {
  name: 'BoardCardLoading',
  components: {
    GlSkeletonLoader,
  },
};
</script>
 
<template>
  <div
    class="board-card-skeleton gl-mb-3 gl-bg-white gl-rounded-base gl-p-5 gl-border-1 gl-border-solid gl-border-gray-50"
  >
    <div class="board-card-skeleton-inner">
      <gl-skeleton-loader :width="340" :height="100">
        <rect width="340" height="16" rx="4" />
        <rect y="30" width="118" height="16" rx="8" />
        <rect x="122" y="30" width="130" height="16" rx="8" />
        <rect y="62" width="38" height="16" rx="4" />
        <circle cx="320" cy="68" r="16" />
      </gl-skeleton-loader>
    </div>
  </div>
</template>