(js) Create card from sender/recipient address

Fixes #3002
Fixes #4610
This commit is contained in:
Francis Lachapelle
2019-01-10 22:00:19 -05:00
parent 22762b3bd4
commit ca886aa662
8 changed files with 248 additions and 55 deletions
@@ -1,6 +1,11 @@
/// chips.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
@import 'extends';
$chip-dense-font-size: rem(1.2) !default;
$chip-dense-height: rem(2.4) !default;
$chip-dense-padding: 0 rem(0.8) 0 rem(0.8) !default;
$chip-dense-margin: rem(0.6) rem(0.6) 0 0 !default;
md-chips {
// Remove the line under the tags of the message viewer
&.sg-readonly {
@@ -9,6 +14,9 @@ md-chips {
&.md-focused {
box-shadow: none;
}
md-chip-template:focus {
outline: 0;
}
.md-chip-content {
//max-width: initial; // fix bug in ng-material
}
@@ -25,6 +33,15 @@ md-chips {
}
}
}
// Small, compact chip
&.sg-dense md-chip {
height: $chip-dense-height;
padding: $chip-dense-padding;
@include rtl(margin, $chip-dense-margin, rtl-value($chip-dense-margin));
font-size: $chip-dense-font-size;
line-height: $chip-dense-height;
}
.sg-chip-progress {
border-radius: $chip-height / 2;
bottom: 0;