summaryrefslogtreecommitdiff
path: root/addons/mail/static/src/components/composer_suggestion/composer_suggestion.scss
diff options
context:
space:
mode:
Diffstat (limited to 'addons/mail/static/src/components/composer_suggestion/composer_suggestion.scss')
-rw-r--r--addons/mail/static/src/components/composer_suggestion/composer_suggestion.scss43
1 files changed, 43 insertions, 0 deletions
diff --git a/addons/mail/static/src/components/composer_suggestion/composer_suggestion.scss b/addons/mail/static/src/components/composer_suggestion/composer_suggestion.scss
new file mode 100644
index 00000000..4083c149
--- /dev/null
+++ b/addons/mail/static/src/components/composer_suggestion/composer_suggestion.scss
@@ -0,0 +1,43 @@
+// ------------------------------------------------------------------
+// Layout
+// ------------------------------------------------------------------
+
+.o_ComposerSuggestion {
+ display: flex;
+ width: map-get($sizes, 100);
+ padding: map-get($spacers, 2) map-get($spacers, 4);
+}
+
+.o_ComposerSuggestion_part1 {
+ // avoid shrinking part 1 because it is more important than part 2
+ // because no shrink, ensure it cannot overflow with a max-width
+ flex: 0 0 auto;
+ max-width: 100%;
+ overflow: hidden;
+ padding-inline-end: map-get($spacers, 2);
+ text-overflow: ellipsis;
+}
+
+.o_ComposerSuggestion_part2 {
+ // shrink part 2 to properly ensure it cannot overflow
+ flex: 0 1 auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.o_ComposerSuggestion_partnerImStatusIcon {
+ flex: 0 0 auto;
+}
+
+// ------------------------------------------------------------------
+// Style
+// ------------------------------------------------------------------
+
+.o_ComposerSuggestion_part1 {
+ font-weight: $font-weight-bold;
+}
+
+.o_ComposerSuggestion_part2 {
+ font-style: italic;
+ color: $gray-600;
+}