web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Make team drive leftside menu collapsable

Browse Source
This commit is contained in:
yflory
2019-10-01 14:10:44 +02:00
parent 6abc8151d1
commit 56d8b92c99
3 changed files with 46 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
customize.dist/src/less2/include/sidebar-layout.less
View File

@@ -31,9 +31,37 @@
.cp-sidebarlayout-categories {
flex: 1;
.cp-sidebarlayout-category {
display: flex;
align-items: center;
.leftside-menu-category_main();
}
}
&.cp-leftside-narrow {
transition: width 0.2s;
width: 50px;
.cp-sidebarlayout-category {
display: flex;
max-width: 100%;
align-items: center;
span.cp-sidebarlayout-category-name {
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
display: none;
}
}
&:hover {
transition: width 0.5s;
width: 250px;
.cp-sidebarlayout-category {
span.cp-sidebarlayout-category-name {
display: inline;
}
}
}
}
}
#cp-sidebarlayout-rightside {
flex: 1;