krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-17 22:57:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

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

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

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