From 2c096d5febc5c6b13e6d9fa72701877fce9159c2 Mon Sep 17 00:00:00 2001 From: wwyl1234 <30581379+wwyl1234@users.noreply.github.com> Date: Mon, 29 Jun 2020 12:21:57 -0400 Subject: [PATCH] Changed flex box direction to column. Changed other css properties such that tag names do not collapse when view width is changed on the browser. (#12332) Co-authored-by: Winnie Lam --- website/client/src/components/tasks/user.vue | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/website/client/src/components/tasks/user.vue b/website/client/src/components/tasks/user.vue index 50531ac461..058dde76aa 100644 --- a/website/client/src/components/tasks/user.vue +++ b/website/client/src/components/tasks/user.vue @@ -40,7 +40,7 @@ v-for="tagsType in tagsByType" v-if="tagsType.tags.length > 0 || tagsType.key === 'tags'" :key="tagsType.key" - class="tags-category d-flex" + class="tags-category d-flex flex-column" >
@@ -268,7 +268,8 @@ position: absolute; padding-left: 24px; padding-right: 24px; - max-width: 40vw; + max-width: 50vw; + min-width: 300px; width: 100%; z-index: 9999; background: $white; @@ -287,8 +288,9 @@ } .tags-header { - flex-basis: 96px; + flex-basis: 60px; flex-shrink: 0; + margin-left: 10px; a { font-size: 12px;