move border-bottom style to the list

This commit is contained in:
taehoon 2019-04-03 23:42:24 -04:00
parent 3a318dc373
commit 80d83b46d9
2 changed files with 4 additions and 9 deletions

View File

@ -24,19 +24,11 @@
<script src="./basic_user_card.js"></script> <script src="./basic_user_card.js"></script>
<style lang="scss"> <style lang="scss">
@import '../../_variables.scss';
.basic-user-card { .basic-user-card {
display: flex; display: flex;
flex: 1 0; flex: 1 0;
margin: 0; margin: 0;
padding-top: 0.6em; padding: 0.6em 1em;
padding-right: 1em;
padding-bottom: 0.6em;
padding-left: 1em;
border-bottom: 1px solid;
border-bottom-color: $fallback--border;
border-bottom-color: var(--border, $fallback--border);
&-collapsed-content { &-collapsed-content {
margin-left: 0.7em; margin-left: 0.7em;

View File

@ -20,6 +20,9 @@
.selectable-list { .selectable-list {
&-item { &-item {
display: flex; display: flex;
border-bottom: 1px solid;
border-bottom-color: $fallback--border;
border-bottom-color: var(--border, $fallback--border);
&-selected { &-selected {
background-color: $fallback--lightBg; background-color: $fallback--lightBg;