KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

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

Browse source 
* 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>
This commit is contained in:
Sivin Varghese 2021-04-08 19:42:38 +05:30 • committed by GitHub
parent 28fb6469a3
commit 98f4a2f6f3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 12 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

1
app/javascript/dashboard/assets/scss/plugins/_dropdown.scss
View file

@ -1,6 +1,7 @@
.dropdown-pane { .dropdown-pane {
@include elegant-card; @include elegant-card;
@include border-light; @include border-light;
width: fit-content;
z-index: 999; z-index: 999;
&.dropdown-pane--open { &.dropdown-pane--open {

7
app/javascript/dashboard/assets/scss/widgets/_sidemenu.scss
View file

@ -67,12 +67,15 @@
flex-direction: column; flex-direction: column;
position: relative; position: relative;
&:hover {
background: var(--color-background-light);
}
.dropdown-pane { .dropdown-pane {
bottom: 6rem; bottom: 6rem;
display: block; display: block;
left: 5rem;
visibility: visible; visibility: visible;
width: 80%; width: fit-content;
} }
.active { .active {

1
app/javascript/dashboard/components/layout/AvailabilityStatus.vue
View file

@ -170,6 +170,7 @@ export default {
.status-change { .status-change {
.dropdown-pane { .dropdown-pane {
top: -132px; top: -132px;
right: var(--space-normal);
} }
.status-items { .status-items {

5
app/javascript/dashboard/components/layout/sidebarComponents/OptionsMenu.vue
View file

@ -80,3 +80,8 @@ export default {
}, },
}; };
</script> </script>
<style lang="scss" scoped>
.dropdown-pane {
right: 0;
}
</style>

1
app/javascript/dashboard/components/widgets/conversation/MoreActions.vue
View file

@ -112,7 +112,6 @@ export default {
.dropdown-pane { .dropdown-pane {
right: var(--space-minus-small); right: var(--space-minus-small);
top: 48px; top: 48px;
width: auto;
} }
.icon { .icon {