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

update: sub-menu - is responsive

Browse Source
This commit is contained in:
gaelle morin
2020-06-05 15:44:15 +02:00
parent 2f3bdaa2e5
commit 797728b743
4 changed files with 50 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -260,12 +260,12 @@ h5 {
/* Header inside circle, project view */
.content-box__header {
border-bottom: 1px solid var(--color-content-header);
padding: 3rem;
padding: 1.8rem 0 1.4rem;
margin: 0 1.6rem;
sib-display {
@include breakpoint(sm) {
float: left;
}
@include breakpoint(lg) {
padding: 3rem;
margin: 0;
}
.mobile-sidebar-button {
@ -285,27 +285,42 @@ h5 {
}
}
div {
sib-display {
@include breakpoint(sm) {
float: left;
}
}
.h1-aside {
font-size: 1.8rem;
/* For sib-display on project, circle, or private message view */
sib-display {
width: calc(100% - 94px); /* 94px = width of .mobile-sidebar-button */
&:not(:empty)::before {
color: var(--color-grey-4);
content: ' - ';
font-size: 2rem;
font-weight: bold;
div {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: calc(100% - 20px);
.h1-aside {
font-size: 1.8rem;
&:not(:empty)::before {
color: var(--color-grey-4);
content: ' - ';
font-size: 2rem;
font-weight: bold;
}
}
}
.description {
color: var(--color-grey-4);
.description {
color: var(--color-grey-4);
}
}
.name {
color: var(--color-grey-4);
font-weight: normal;
.name {
color: var(--color-grey-4);
font-weight: normal;
}
}
}
}