fix: Update dropdowncontent width to remove large empty space

This commit is contained in:
Susmitha Girumala committed 2020-08-31 15:07:18 -04:00
1 parent 62f12ecf4a
commit e7c6096862
5 files changed
+5 -3

No files matched your search

@@ -7,7 +7,7 @@
box-sizing: border-box;
width: 100%;
// Targeting min-width of ~200
min-width: (sizing.rems(m) + sizing.rems(xs)) * 10;
min-width: (sizing.rems(m)) * 10;
border: 0;
padding: 0 sizing.rems(s);
text-decoration: none;
@@ -43,8 +43,8 @@ $chevron: "data:image/svg+xml;utf-8,<svg viewBox='0 0 24 24' fill='%231b1f26' xm
}
&.has-icon-only {
padding-right: sizing.rems(l);
padding-left: sizing.rems(s);
padding-right: sizing.rems(s);
background-position: right sizing.rems(xs) center;
.rose-dropdown-trigger-text {
@@ -7,7 +7,7 @@
box-sizing: border-box;
width: 100%;
// Targeting min-width of ~200
min-width: (sizing.rems(m) + sizing.rems(xs)) * 10;
min-width: (sizing.rems(m)) * 10;
border: 0;
padding: 0 sizing.rems(s);
text-decoration: none;
@@ -28,6 +28,7 @@
<Rose::Dropdown
@icon="more-horizontal"
@iconOnly={{true}}
@showCaret={{false}}
@dropdownRight={{true}}
@text="{{t "actions.manage"}}" as |dropdown|
>
@@ -27,6 +27,7 @@
<Rose::Dropdown
@icon="more-horizontal"
@iconOnly={{true}}
@showCaret={{false}}
@dropdownRight={{true}}
@text="{{t "actions.manage"}}" as |dropdown|
>