sudoxreboot/habitica
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica.git synced 2026-04-14 19:56:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

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)

Browse source 
Co-authored-by: Winnie Lam <winnielam@Winnies-MacBook-Air.local>
This commit is contained in:
wwyl1234 2020-06-29 12:21:57 -04:00 committed by GitHub
parent b2833ac4a2
commit 2c096d5feb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
website/client/src/components/tasks/user.vue
View file

@ -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"
>
<!-- eslint-enable vue/no-use-v-if-with-v-for -->
<div class="tags-header">
@ -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;