Fix: Dropdown width issue fixes by using fit-content (#2048)

* Dropdown width issue fixes by using fit-content * Review fixes * Review fixes * Review fixes * Review fixes Co-authored-by: Nithin David Thomas <webofnithin@gmail.com>
2021-04-08 19:42:38 +05:30
parent 28fb6469a3
commit 98f4a2f6f3
5 changed files with 12 additions and 3 deletions
--- a/app/javascript/dashboard/components/layout/AvailabilityStatus.vue
+++ b/app/javascript/dashboard/components/layout/AvailabilityStatus.vue
@@ -170,6 +170,7 @@ export default {
 .status-change {
  .dropdown-pane {
    top: -132px;
+    right: var(--space-normal);
  }

  .status-items {
--- a/app/javascript/dashboard/components/layout/sidebarComponents/OptionsMenu.vue
+++ b/app/javascript/dashboard/components/layout/sidebarComponents/OptionsMenu.vue
@@ -80,3 +80,8 @@ export default {
  },
 };
 </script>
+<style lang="scss" scoped>
+.dropdown-pane {
+  right: 0;
+}
+</style>
--- a/app/javascript/dashboard/components/widgets/conversation/MoreActions.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/MoreActions.vue
@@ -112,7 +112,6 @@ export default {
 .dropdown-pane {
  right: var(--space-minus-small);
  top: 48px;
-  width: auto;
 }

 .icon {