Step 7.38: Added chat options popover stylesheet

Urigo · Oct 16, 2017 · da83547 · da83547
1 parent e41fb6c
commit da83547
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/app/app.scss b/src/app/app.scss
@@ -14,3 +14,16 @@
 // To declare rules for a specific mode, create a child rule
 // for the .md, .ios, or .wp mode classes. The mode class is
 // automatically applied to the <body> element in the app.
+
+// Options Popover Component
+// --------------------------------------------------
+
+$options-popover-width: 200px;
+$options-popover-margin: 5px;
+
+.options-popover .popover-content {
+  width: $options-popover-width;
+  transform-origin: right top 0px !important;
+  left: calc(100% - #{$options-popover-width} - #{$options-popover-margin}) !important;
+  top: $options-popover-margin !important;
+}