diff options
author | GitLab Bot <gitlab-bot@gitlab.com> | 2023-05-16 00:07:42 +0300 |
---|---|---|
committer | GitLab Bot <gitlab-bot@gitlab.com> | 2023-05-16 00:07:42 +0300 |
commit | 2b5079efdb7c4e7d5a607d95747ddeb0b8af9678 (patch) | |
tree | 6d226593a137e111c7d4075ec22d6c4d328c3b57 /app/assets/javascripts/design_management | |
parent | 5ff1f808adf841bca979cb2fac6bdfa9c449d028 (diff) |
Add latest changes from gitlab-org/gitlab@master
Diffstat (limited to 'app/assets/javascripts/design_management')
-rw-r--r-- | app/assets/javascripts/design_management/components/list/item.vue | 10 | ||||
-rw-r--r-- | app/assets/javascripts/design_management/pages/index.vue | 12 |
2 files changed, 16 insertions, 6 deletions
diff --git a/app/assets/javascripts/design_management/components/list/item.vue b/app/assets/javascripts/design_management/components/list/item.vue index f52486f0629..9c1bcf5bf90 100644 --- a/app/assets/javascripts/design_management/components/list/item.vue +++ b/app/assets/javascripts/design_management/components/list/item.vue @@ -133,7 +133,11 @@ export default { <div class="card-body gl-p-0 gl-display-flex gl-align-items-center gl-justify-content-center gl-overflow-hidden gl-relative" > - <div v-if="icon.name" data-testid="design-event" class="gl-top-5 gl-right-5 gl-absolute"> + <div + v-if="icon.name" + data-testid="design-event" + class="gl-absolute gl-top-3 gl-right-3 gl-mr-1" + > <span :title="icon.tooltip" :aria-label="icon.tooltip"> <gl-icon :name="icon.name" @@ -165,11 +169,11 @@ export default { /> </gl-intersection-observer> </div> - <div class="card-footer gl-display-flex gl-w-full"> + <div class="card-footer gl-display-flex gl-w-full gl-bg-white gl-py-3 gl-px-4"> <div class="gl-display-flex gl-flex-direction-column str-truncated-100"> <span v-gl-tooltip - class="gl-font-weight-bold str-truncated-100" + class="gl-font-weight-semibold str-truncated-100" data-qa-selector="design_file_name" :data-testid="`design-img-filename-${id}`" :title="filename" diff --git a/app/assets/javascripts/design_management/pages/index.vue b/app/assets/javascripts/design_management/pages/index.vue index e270613e4eb..dcc65c957fe 100644 --- a/app/assets/javascripts/design_management/pages/index.vue +++ b/app/assets/javascripts/design_management/pages/index.vue @@ -141,6 +141,12 @@ export default { } return 'col-12'; }, + designContentWrapperClass() { + if (this.hasDesigns) { + return 'gl-bg-gray-10 gl-border gl-border-t-0 gl-rounded-bottom-left-base gl-rounded-bottom-right-base gl-px-5'; + } + return null; + }, }, mounted() { if (this.$route.path === '/designs') { @@ -364,7 +370,7 @@ export default { </gl-alert> <header v-if="showToolbar" - class="gl-display-flex gl-my-0 gl-text-gray-900" + class="gl-border gl-px-5 gl-py-4 gl-display-flex gl-justify-content-space-between gl-bg-white gl-rounded-base gl-rounded-bottom-left-none! gl-rounded-bottom-right-none!" data-testid="design-toolbar-wrapper" > <div @@ -418,7 +424,7 @@ export default { </div> </div> </header> - <div> + <div :class="designContentWrapperClass"> <gl-loading-icon v-if="isLoading" size="lg" /> <gl-alert v-else-if="error" variant="danger" :dismissible="false"> {{ __('An error occurred while loading designs. Please try again.') }} @@ -483,7 +489,7 @@ export default { v-if="canSelectDesign(design.filename)" :checked="isDesignSelected(design.filename)" type="checkbox" - class="design-checkbox" + class="design-checkbox gl-absolute gl-top-4 gl-left-6 gl-ml-2" data-qa-selector="design_checkbox" :data-qa-design="design.filename" @change="changeSelectedDesigns(design.filename)" |