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
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
4 changed files with 50 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/page-circle.pug
View File

@ -1,7 +1,7 @@
.views-container.sidebar-is-closed .views-container.sidebar-is-closed
.content-box.flex.full-width.with-form .content-box.flex.full-width.with-form
div.content-box__header 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( sib-display(
bind-resources bind-resources
fields='name, description' fields='name, description'

11
src/page-messages.pug
View File

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

8
src/page-project.pug
View File

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

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

@ -260,12 +260,12 @@ h5 {
/* Header inside circle, project view */ /* Header inside circle, project view */
.content-box__header { .content-box__header {
border-bottom: 1px solid var(--color-content-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(lg) {
@include breakpoint(sm) { padding: 3rem;
float: left; margin: 0;
}
} }
.mobile-sidebar-button { .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 { div {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: calc(100% - 20px);
.h1-aside { .h1-aside {
font-size: 1.8rem; font-size: 1.8rem;
@ -308,6 +322,7 @@ h5 {
font-weight: normal; font-weight: normal;
} }
} }
}
} }
.content-box__info { .content-box__info {