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

(ISSUE-9353) Fix pinned item alignment (#9358)

Browse Source 
* (ISSUE-9353) Fix pinned item alignment
- Get rid of justify-content: space-between to allow flex-start default to be used
- Add margin to direct children (item-wrappers)

* Issue-9353: Change selector to & > div instead of just > for more explicit selection of direct child divs

* Fix rewards item spacing to match Zeplin mockups
- Make sure horizontal/vertical spacing between items is 16px
- Add use of grid if supported, else use flex
This commit is contained in:
Ryan Holinshead
2017-11-27 18:54:03 -08:00
committed by Sabe Jones
parent a0f29e970d
commit 218664dfcc
1 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
website/client/components/tasks/column.vue
View File

@@ -79,9 +79,20 @@
.reward-items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
@supports (display: grid) {
display: grid;
grid-column-gap: 16px;
grid-row-gap: 4px;
grid-template-columns: repeat(auto-fill, 94px);
}
@supports not (display: grid) {
display: flex;
flex-wrap: wrap;
& > div {
margin: 0 16px 4px 0;
}
}
}
.tasks-list {