UX: Show caret icon on user notification dropdown (#11991)

2021-02-05 10:30:36 -05:00 · 2021-02-05 10:30:36 -05:00 · 3ed6747bf2
parent d1b289daaa
commit 3ed6747bf2
2 changed files with 5 additions and 0 deletions
--- a/app/assets/javascripts/select-kit/addon/components/user-notifications-dropdown.js
+++ b/app/assets/javascripts/select-kit/addon/components/user-notifications-dropdown.js
@ -9,6 +9,7 @@ export default DropdownSelectBox.extend({

  selectKitOptions: {
    headerIcon: "userNotificationicon",
+    showCaret: true,
  },

  userNotificationicon: computed("mainCollection.[]", "value", function () {
--- a/app/assets/stylesheets/common/select-kit/user-notifications-dropdown.scss
+++ b/app/assets/stylesheets/common/select-kit/user-notifications-dropdown.scss
@ -3,6 +3,10 @@
    &.user-notifications-dropdown {
      text-align: left;

+      .d-icon {
+        margin-left: 0;
+      }
+
      .select-kit-body {
        width: 485px;
        max-width: 485px;