yujunjun/datahub
2
0
Fork 0
mirror of https://github.com/datahub-project/datahub.git synced 2025-11-11 08:52:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Item spacing in facets

Browse Source
This commit is contained in:
Ignacio Bona 2018-09-18 12:12:27 -07:00
parent 2185941073
commit 83a2ec7c5a
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
wherehows-web/app/styles/components/search/_facet.scss
View File

@ -1,11 +1,11 @@
.search-facet { .search-facet {
margin-bottom: 15px; margin-bottom: item-spacing(4);
&__header { &__header {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 10px; margin-bottom: item-spacing(2);
min-height: 24px; min-height: item-spacing(5);
} }
&__title { &__title {
@ -17,7 +17,7 @@
display: block; display: block;
flex-grow: 1; flex-grow: 1;
font-weight: 400; font-weight: 400;
margin-left: 5px; margin-left: item-spacing(1);
} }
&__count { &__count {
@ -32,9 +32,9 @@
input[type='checkbox'] + label.search-facet__checkbox-wrapper { input[type='checkbox'] + label.search-facet__checkbox-wrapper {
$checkbox-width: 28px; $checkbox-width: 28px;
$container-margin: 16px; $container-margin: item-spacing(4);
display: flex; display: flex;
padding: 6px $container-margin 6px ($container-margin + $checkbox-width); padding: item-spacing(2) $container-margin item-spacing(2) ($container-margin + $checkbox-width);
box-sizing: content-box; box-sizing: content-box;
margin: 0 (-1 * $container-margin); margin: 0 (-1 * $container-margin);
@ -45,6 +45,6 @@ input[type='checkbox'] + label.search-facet__checkbox-wrapper {
&:before, &:before,
&:after { &:after {
left: $container-margin; left: $container-margin;
top: 6px - 1; top: item-spacing(2) - 1;
} }
} }