update: sub-menu - is responsive

This commit is contained in:
gaelle morin 2020-06-05 15:44:15 +02:00
parent 2f3bdaa2e5
commit 797728b743
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
4 changed files with 50 additions and 36 deletions

View File

@ -1,7 +1,7 @@
.views-container.sidebar-is-closed
.content-box.flex.full-width.with-form
div.content-box__header
sib-ac-checker(permission='acl:Read', bind-resources)
sib-ac-checker.flex.space-between(permission='acl:Read', bind-resources)
sib-display(
bind-resources
fields='name, description'

View File

@ -1,15 +1,16 @@
.content-box.flex.full-width
sib-display.content-box__header(
div.content-box__header
sib-display(
bind-resources
fields='name, parenthesis, username, endParenthesis'
value-parenthesis=" ("
value-endParenthesis=")"
class-parenthesis='name'
class-endParenthesis='name'
class-name='name'
class-username='name'
class-parenthesis='h1-like'
class-endParenthesis='h1-like'
class-name='h1-like'
class-username='h1-like'
)
.chat-view

View File

@ -1,7 +1,7 @@
.views-container.sidebar-is-closed
.content-box.flex.full-width.with-form
div.content-box__header
sib-ac-checker(permission='acl:Read', bind-resources)
sib-ac-checker.flex.space-between(permission='acl:Read', bind-resources)
sib-display(
bind-resources
fields='const-title1, number, customer.name, name'
@ -9,13 +9,11 @@
class-const-title1='h1-like'
class-number='h1-like word-spacing-right'
class-customer.name='h1-like'
class-name='h1-aside name'
class-name='h1-aside'
value-const-title1='N°'
)
.mobile-sidebar-button.jsMobileSidebarOpenButton
button.icon-arrow-left-circle
span MENU
button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle MENU
div
sib-ac-checker(permission='acl:Read', bind-resources)
#project-chat(hidden)

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,7 +285,21 @@ h5 {
}
}
sib-display {
@include breakpoint(sm) {
float: left;
}
}
/* For sib-display on project, circle, or private message view */
sib-display {
width: calc(100% - 94px); /* 94px = width of .mobile-sidebar-button */
div {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: calc(100% - 20px);
.h1-aside {
font-size: 1.8rem;
@ -308,6 +322,7 @@ h5 {
font-weight: normal;
}
}
}
}
.content-box__info {