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

chore: Sidebar improvements in small screens (#5400)

Browse source 
* chore: Sidebar improvements in small screens

* chore: Minor fixes
This commit is contained in:
Sivin Varghese 2022-09-06 14:06:26 +05:30 • committed by GitHub
parent 79406c5775
commit 7a5ea89fd9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 87 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

23
app/javascript/dashboard/components/layout/sidebarComponents/Secondary.vue
View file

@ -242,17 +242,32 @@ export default {
};
</script>
<style lang="scss" scoped>
@import '~dashboard/assets/scss/woot';
.secondary-menu {
background: var(--white);
border-right: 1px solid var(--s-50);
height: 100%;
width: 19rem;
width: 20rem;
flex-shrink: 0;
overflow: hidden;
padding: var(--space-small);
overflow-y: hidden;
@include breakpoint(xlarge down) {
position: absolute;
}
@include breakpoint(xlarge up) {
position: unset;
}
&:hover {
overflow: auto;
overflow-y: hidden;
}
.menu {
padding: var(--space-small);
overflow-y: auto;
height: 94%;
}
}
</style>