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

feature: menu-left - sub-menu padding, class create

Browse Source
This commit is contained in:
gaelle morin 2020-12-21 14:15:49 +01:00
parent 5ebb8ab928
commit cbdd5703d2
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/styles/left-nav/_index.scss
View File

@ -23,6 +23,9 @@ nav {
}
}
.sub-menu {
padding-bottom: 25px;
}
/* Styles for the small icon */
.sub-menu-icon {
@ -67,5 +70,12 @@ nav {
background-color: #D7DBE0;
opacity: 0.2;
}
.create {
display: flex;
flex-wrap: wrap;
padding-left: 20px;
width: 87%;
}
}

8
src/views/partials/menu-left.pug
View File

@ -14,7 +14,7 @@ solid-widget(name='hubl-menu-publicprivate')
solid-widget(name='hubl-create-contact')
template
p.create
p.create.text-color-white
span(data-trans="menuLeft.contact.create")
span  
solid-link(next="members" data-trans="menuLeft.contact.profileDir")
@ -23,7 +23,7 @@ solid-widget(name='hubl-create-contact')
solid-widget(name='hubl-create')
template
p.create.segment.margin-left-small
p.create.text-color-white
span(data-trans="menuLeft.emptyCircleProject.notPartOf")
span  ${value}.
br
@ -47,7 +47,7 @@ solid-widget(name='hubl-menu-fix-url-contact')
solid-widget(name='hubl-menu-fix-url-circle')
template
solid-link.segment.lg-full(data-src="${value}" next="circle")
solid-display.segment-lg-full.text-color-white.heading-active.bg-color-heading.hover.active(
solid-display.segment.lg-full.text-color-white.heading-active.bg-color-heading.hover.active(
data-src='${value}'
fields='segment(status, circle(name, jabberID), badge)'
class-segment="segment lg-full padding-top-xxsmall padding-right-small padding-left-medium"
@ -71,7 +71,7 @@ solid-widget(name='hubl-menu-fix-url-circle')
solid-widget(name='hubl-menu-fix-url-project')
template
solid-link.segment.lg-full(data-src="${value}" next="project")
solid-display.segment-lg-full.text-color-white.heading-active.bg-color-heading.hover.active(
solid-display.segment.lg-full.text-color-white.heading-active.bg-color-heading.hover.active(
data-src='${value}'
fields='segment(status, project(customer.name, name, jabberID), badge)'
class-segment="segment lg-full padding-top-xxsmall padding-right-small padding-left-medium"