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

feature: left-menu: scrollbar

Browse Source
This commit is contained in:
gaelle morin 2020-11-19 09:17:55 +01:00
parent c103457d6d
commit a6224df002
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
4 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/index.pug
View File

@ -22,7 +22,7 @@ html(lang="en")
header#header.segment.bg-color-white.shadow header#header.segment.bg-color-white.shadow
include header.pug include header.pug
nav#main__menu.bg-color-heading.text-small.text-color-white.left-menu.jsLeftMenu nav#main__menu.segment.bg-color-heading.text-small.text-color-white.left-menu.jsLeftMenu
include menu-left.pug include menu-left.pug
main#viewport.content.notLoggedIn main#viewport.content.notLoggedIn

8
src/menu-left.pug
View File

@ -20,11 +20,11 @@ solid-widget(name='hubl-create')
br br
span(data-trans="menuLeft.emptyCircleProject.createNew") span(data-trans="menuLeft.emptyCircleProject.createNew")
span   span  
solid-link(next="${value == 'projet' ? 'admin-projects' : 'admin-circles'}", data-trans="menuLeft.emptyCircleProject.adminPanel") solid-link.segment.lg-full(next="${value == 'projet' ? 'admin-projects' : 'admin-circles'}", data-trans="menuLeft.emptyCircleProject.adminPanel")
solid-widget(name='hubl-menu-fix-url-circle') solid-widget(name='hubl-menu-fix-url-circle')
template template
solid-link(data-src="${value}" next="circle") solid-link.segment.lg-full(data-src="${value}" next="circle")
solid-display( solid-display(
data-src='${value}' data-src='${value}'
fields='status, name, jabberID, badge' fields='status, name, jabberID, badge'
@ -80,7 +80,7 @@ solid-router#navbar-router(default-route='dashboard')
div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.events") div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.events")
if endpoints.projects || (endpoints.get && endpoints.get.projects) if endpoints.projects || (endpoints.get && endpoints.get.projects)
div.menu-wrapper div.menu-wrapper
solid-link solid-link.segment.lg-full
//- (next='admin-project-list') //- (next='admin-project-list')
div.menu.segment.lg-auto.padding.text-bold div.menu.segment.lg-auto.padding.text-bold
div.menu-icon.icon-folder-alt.segment.lg-auto.margin-right-small.float-left div.menu-icon.icon-folder-alt.segment.lg-auto.margin-right-small.float-left
@ -109,7 +109,7 @@ solid-router#navbar-router(default-route='dashboard')
div.divider div.divider
if endpoints.circles || (endpoints.get && endpoints.get.circles) if endpoints.circles || (endpoints.get && endpoints.get.circles)
div.menu-wrapper div.menu-wrapper
solid-link solid-link.segment.lg-full
//- (next='admin-circle-list') //- (next='admin-circle-list')
div.menu.segment.lg-auto.padding.text-bold div.menu.segment.lg-auto.padding.text-bold
div.menu-icon.icon-folder-alt.segment.lg-auto.margin-right-small.float-left div.menu-icon.icon-folder-alt.segment.lg-auto.margin-right-small.float-left

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

@ -335,16 +335,16 @@ nav, .views-container, .table-wrapper {
/* Custom scrollbar of the left-menu */ /* Custom scrollbar of the left-menu */
nav { nav {
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: var(--color-scrollbar-left-track) var(--color-scrollbar-left-background); scrollbar-color: var(--color-grey) var(--color-heading);
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {
background: var(--color-scrollbar-left-background); background: var(--color-heading);
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
background-color: var(--color-scrollbar-left-track); background-color: var(--color-grey);
border-radius: 6px; border-radius: 6px;
border: 3px solid var(--color-scrollbar-left-background); border: 3px solid var(--color-heading);
} }
&::-webkit-scrollbar { &::-webkit-scrollbar {

4
src/styles/base/menu-left.scss
View File

@ -37,9 +37,9 @@
} }
} }
solid-link { /*solid-link {
width: 100%; width: 100%;
} }*/
.menu { .menu {
cursor: pointer; cursor: pointer;