autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feature: left-menu: projects

Browse Source
This commit is contained in:
gaelle morin
2020-11-23 18:50:59 +01:00
parent e0c955129b
commit 983f8cc48d
4 changed files with 67 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/styles/base/main.scss
View File

@ -67,6 +67,9 @@
&.margin-left-small {
margin-left: 15px;
}
&.margin-right-xsmall {
margin-right: 6px;
}
&.margin-right-small {
margin-right: 15px;
}

50
src/styles/base/menu-left.scss
View File

@ -69,9 +69,10 @@
.message-tab {
/* Spaces and cursor */
/* For project and circle */
hubl-menu-fix-url-project>solid-link>solid-display>div,
hubl-menu-fix-url-circle>solid-link>solid-display>div,
>div>solid-display>div>solid-display-div[name="name"] {
solid-form + div>solid-display>div {
display: flex;
justify-content: space-between;
padding: 6px 10px 6px 23px;
@ -119,11 +120,12 @@
/* Styles for the small icon */
.sub-menu-icon {
width: 16px;
width: 20px;
text-align: center;
div {
font-family: simple-line-icons;
padding-right: 2px;
margin-right: 4px;
}
}
@ -131,15 +133,20 @@
.sub-menu-name {
flex: 3;
&>div {
width: calc(80vw - 96px); /*96px = padding of the element + width and margin of counter */
.project-customer,
.project-name,
&>div{
display: block;
width: calc(80vw - 96px); /*96px = padding of the element + width and margin of counter */
@include breakpoint(lg) {
width: 150px;
}
}
&.ellipsis>div {
&.ellipsis>div,
.project-customer,
.project-name>div {
@include breakpoint(lg) {
overflow: hidden;
@ -163,37 +170,6 @@
color: var(--color-heading);
}
}
/* Ellipsis for project tab */
.project-tab>div>solid-display>div:nth-child(1) {
solid-set-default[name='project'] {
flex: 3;
.project-customer,
.project-name {
box-sizing: border-box;
display: block;
width: calc(80vw - 96px);
/*96px = padding of the element + width and margin of counter */
@include breakpoint(lg) {
width: 150px;
}
}
.project-customer,
.project-name>div {
@include breakpoint(lg) {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
}
}
}
.divider {