sudoxreboot/habitica-self-host
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica-self-host.git synced 2026-08-01 11:40:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(teams): more layout tweakage

Browse source
This commit is contained in:
Sabe Jones 2021-07-27 11:25:31 -05:00 committed by SabreCat
parent f233c511cc
commit 61d396204f
3 changed files with 18 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
website/client/src/assets/scss/create-task.scss
View file

@ -6,10 +6,17 @@
align-items: center;
.dropdown {
width: 140px;
border-radius: 2px;
box-shadow: 0 3px 6px 0 rgba(26, 24, 29, 0.16), 0 3px 6px 0 rgba(26, 24, 29, 0.24);
background-color: $white;
margin-top: 2px;
position: absolute;
right: 0px;
.task-icon {
width: 35%;
}
.dropdown-item:hover {
.svg-icon {
@ -17,13 +24,11 @@
}
}
.svg-icon {
width: 20px;
height: 20px;
color: $gray-200;
&.icon-habit {
width: 24px;
height: 16px;
width: 30px;
height: 20px;
}
&.icon-daily {
@ -37,8 +42,8 @@
}
&.icon-reward {
width: 24px;
height: 18px;
width: 26px;
height: 20px;
}
}
}

8
website/client/src/components/group-plans/taskInformation.vue
View file

@ -28,7 +28,7 @@
>
</div>
<div
class="create-task-area d-flex align-items-top"
class="create-task-area ml-auto d-flex align-items-top"
>
<div
class="day-start mb-auto d-flex align-items-center"
@ -39,7 +39,7 @@
<div
id="create-task-btn"
v-if="canCreateTasks"
class="create-btn btn-primary diamond-btn btn"
class="create-btn ml-2 btn-primary diamond-btn btn"
:class="{open: openCreateBtn}"
@click.stop.prevent="openCreateBtn = !openCreateBtn"
@keypress.enter="openCreateBtn = !openCreateBtn"
@ -61,14 +61,14 @@
@click="createTask(type)"
class="dropdown-item d-flex pl-2 py-1"
>
<div class="w-25 d-flex align-items-center justify-content-center">
<div class="d-flex align-items-center justify-content-center task-icon">
<div
class="svg-icon m-auto"
:class="`icon-${type}`"
v-html="icons[type]"
></div>
</div>
<div class="w-75 ml-1">
<div class="ml-1">
{{ $t(type) }}
</div>
</div>

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

@ -166,7 +166,7 @@
<div class="create-task-area">
<div
id="create-task-btn"
class="create-btn diamond-btn btn"
class="create-btn ml-auto btn-primary diamond-btn btn"
:class="{open: openCreateBtn}"
@click.stop.prevent="openCreateBtn = !openCreateBtn"
@keypress.enter="openCreateBtn = !openCreateBtn"
@ -188,14 +188,14 @@
@click="createTask(type)"
class="dropdown-item d-flex pl-2 py-1"
>
<div class="w-25 d-flex align-items-center justify-content-center">
<div class="d-flex align-items-center justify-content-center task-icon">
<div
class="svg-icon m-auto"
:class="`icon-${type}`"
v-html="icons[type]"
></div>
</div>
<div class="w-75 ml-1">
<div class="ml-1">
{{ $t(type) }}
</div>
</div>