From 29f085eb98a66724cc70713ce0dda9cd5b4e4c70 Mon Sep 17 00:00:00 2001
From: Phil Hughes <me@iamphill.com>
Date: Wed, 8 Dec 2021 11:59:59 +0000
Subject: [PATCH] Fixes collapsed assignees and reviewers sizing
Fixes the collapsed assignees and reviewers
clickable areas caused by some extra margin and padding.
---
.../components/assignees/collapsed_assignee_list.vue | 2 +-
.../components/reviewers/collapsed_reviewer_list.vue | 2 +-
app/assets/stylesheets/pages/issuable.scss | 6 ------
3 files changed, 2 insertions(+), 8 deletions(-)
diff --git a/app/assets/javascripts/sidebar/components/assignees/collapsed_assignee_list.vue b/app/assets/javascripts/sidebar/components/assignees/collapsed_assignee_list.vue
index 20667e695ce9c..6a74ab83c220c 100644
--- a/app/assets/javascripts/sidebar/components/assignees/collapsed_assignee_list.vue
+++ b/app/assets/javascripts/sidebar/components/assignees/collapsed_assignee_list.vue
@@ -110,7 +110,7 @@ export default {
<template>
<div
v-gl-tooltip="tooltipOptions"
- :class="{ 'multiple-users': hasMoreThanOneAssignee }"
+ :class="{ 'multiple-users gl-relative': hasMoreThanOneAssignee }"
:title="tooltipTitle"
class="sidebar-collapsed-icon sidebar-collapsed-user"
>
diff --git a/app/assets/javascripts/sidebar/components/reviewers/collapsed_reviewer_list.vue b/app/assets/javascripts/sidebar/components/reviewers/collapsed_reviewer_list.vue
index 9554a98121f45..60d8fb4d4082c 100644
--- a/app/assets/javascripts/sidebar/components/reviewers/collapsed_reviewer_list.vue
+++ b/app/assets/javascripts/sidebar/components/reviewers/collapsed_reviewer_list.vue
@@ -89,7 +89,7 @@ export default {
<template>
<div
v-gl-tooltip="tooltipOptions"
- :class="{ 'multiple-users': hasMoreThanOneReviewer }"
+ :class="{ 'multiple-users gl-relative': hasMoreThanOneReviewer }"
:title="tooltipTitle"
class="sidebar-collapsed-icon sidebar-collapsed-user"
>
diff --git a/app/assets/stylesheets/pages/issuable.scss b/app/assets/stylesheets/pages/issuable.scss
index cf5e93e94a297..327135d17ab0c 100644
--- a/app/assets/stylesheets/pages/issuable.scss
+++ b/app/assets/stylesheets/pages/issuable.scss
@@ -456,12 +456,6 @@
}
.multiple-users {
- position: relative;
- height: 24px;
- margin-bottom: 17px;
- margin-top: 4px;
- padding-bottom: 4px;
-
.btn-link {
padding: 0;
border: 0;
--
GitLab