sudoxreboot/habitica
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica.git synced 2026-05-19 20:28:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Client Tasks Length (#9101)

Browse source 
* change tasks column height

* stack columns on smaller screens
This commit is contained in:
Matteo Pagliazzi 2017-09-29 18:17:58 +02:00 committed by GitHub
parent 3cb5637fd5
commit c1079e4eae
2 changed files with 21 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
website/client/components/tasks/column.vue
View file

@ -43,7 +43,7 @@
@import '~client/assets/scss/colors.scss';
.tasks-column {
height: 556px;
min-height: 556px;
}
.task-wrapper + .reward-items {
@ -60,11 +60,9 @@
border-radius: 4px;
background: $gray-600;
padding: 8px;
// not sure why but this is necessary or the last task will overflow the container
padding-bottom: 0.1px;
position: relative;
height: calc(100% - 64px);
overflow: auto;
position: relative; // needed for the .bottom-gradient to be position: absolute
height: calc(100% - 56px);
padding-bottom: 30px;
}
.bottom-gradient {

34
website/client/components/tasks/user.vue
View file

@ -72,7 +72,7 @@
span.text {{$t(type)}}
.row.tasks-columns
task-column.col-3(
task-column.col-lg-3.col-md-6(
v-for="column in columns",
:type="column", :key="column",
:isUser="true", :searchText="searchTextThrottled",
@ -114,25 +114,25 @@
}
.dropdown-icon-item {
.icon_habit {
width: 30px;
height: 20px;
}
.icon_habit {
width: 30px;
height: 20px;
}
.icon_daily {
width: 24px;
height: 20px;
}
.icon_daily {
width: 24px;
height: 20px;
}
.icon_todo {
width: 20px;
height: 20px;
}
.icon_todo {
width: 20px;
height: 20px;
}
.icon_reward {
width: 26px;
height: 20px;
}
.icon_reward {
width: 26px;
height: 20px;
}
}
.dropdown-icon-item:hover .svg-icon, .dropdown-item.active .svg-icon {