mirror of
https://github.com/inverse-inc/sogo.git
synced 2026-07-11 03:15:10 +00:00
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user