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'

21
src/page-messages.pug
View File

@ -1,16 +1,17 @@
.content-box.flex.full-width .content-box.flex.full-width
sib-display.content-box__header( div.content-box__header
bind-resources sib-display(
fields='name, parenthesis, username, endParenthesis' bind-resources
value-parenthesis=" (" fields='name, parenthesis, username, endParenthesis'
value-endParenthesis=")" value-parenthesis=" ("
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
sib-chat( sib-chat(

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)

55
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,27 +285,42 @@ h5 {
} }
} }
div { sib-display {
@include breakpoint(sm) {
float: left;
}
}
.h1-aside { /* For sib-display on project, circle, or private message view */
font-size: 1.8rem; sib-display {
width: calc(100% - 94px); /* 94px = width of .mobile-sidebar-button */
&:not(:empty)::before { div {
color: var(--color-grey-4); overflow: hidden;
content: ' - '; text-overflow: ellipsis;
font-size: 2rem; white-space: nowrap;
font-weight: bold; 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 { .description {
color: var(--color-grey-4); color: var(--color-grey-4);
} }
.name { .name {
color: var(--color-grey-4); color: var(--color-grey-4);
font-weight: normal; font-weight: normal;
}
} }
} }
} }