Commit 1d5f9d6f authored by Sascha Eggenberger's avatar Sascha Eggenberger
Browse files

New drupal nav darkmode improvements

parent af43581c

dist/css/components/toolbar.css

+4 −0
Original line number Diff line number Diff line
@@ -928,3 +928,7 @@ body.gin--classic-toolbar { 
  border-right: 0;

}



.toolbar-loading #toolbar-item-administration-tray.toolbar-tray {

  background: var(--gin-bg-layer);

}

dist/css/layout/navigation.css

+12 −3
Original line number Diff line number Diff line
@@ -984,7 +984,7 @@ html:not(.admin-toolbar-expanded) .toolbar-menu__item--level-1:not(.toolbar-menu 
.gin--navigation .toolbar-menu__item--level-2 > .toolbar-link:focus,

.gin--navigation .toolbar-menu__item--level-2 .toolbar-link:hover,

.gin--navigation .toolbar-menu__item--level-2 .toolbar-link:focus,

.gin--navigation .menu-item.menu-item--expanded:not(.current) > .toolbar-link,

.gin--navigation .toolbar-menu__item.toolbar-menu__item--expanded:not(.current) > .toolbar-link,

.gin--navigation .toolbar-link--sidebar-toggle:hover,

.gin--navigation .toolbar-link--sidebar-toggle:focus {

  color: var(--gin-color-primary-hover);
@@ -1002,8 +1002,8 @@ html:not(.admin-toolbar-expanded) .toolbar-menu__item--level-1:not(.toolbar-menu 
.gin--navigation .toolbar-menu__item--level-2 .toolbar-link:hover::after,

.gin--navigation .toolbar-menu__item--level-2 .toolbar-link:focus::before,

.gin--navigation .toolbar-menu__item--level-2 .toolbar-link:focus::after,

.gin--navigation .menu-item.menu-item--expanded:not(.current) > .toolbar-link::before,

.gin--navigation .menu-item.menu-item--expanded:not(.current) > .toolbar-link::after,

.gin--navigation .toolbar-menu__item.toolbar-menu__item--expanded:not(.current) > .toolbar-link::before,

.gin--navigation .toolbar-menu__item.toolbar-menu__item--expanded:not(.current) > .toolbar-link::after,

.gin--navigation .toolbar-link--sidebar-toggle:hover::before,

.gin--navigation .toolbar-link--sidebar-toggle:hover::after,

.gin--navigation .toolbar-link--sidebar-toggle:focus::before,
@@ -1034,6 +1034,15 @@ html:not(.admin-toolbar-expanded) .toolbar-menu__item--level-1:not(.toolbar-menu 
  background-color: var(--gin-border-color-layer2);

}



.gin--navigation .toolbar .toolbar-menu,

.gin--navigation .toolbar .toolbar-icon.toolbar-handle {

  background-color: transparent;

}



.gin--navigation .toolbar .toolbar-menu .toolbar-menu a {

  color: var(--gin-color-text);

}



html:not(.admin-toolbar-expanded) .gin--navigation .cloned-flyout,

html:not(.admin-toolbar-expanded) .gin--navigation .cloned-flyout .toolbar-menu__arrow-ref::before,

html:not(.admin-toolbar-expanded) .gin--navigation .toolbar-menu__item--level-1 > .toolbar-menu-wrapper,

styles/components/toolbar.scss

+4 −0
Original line number Diff line number Diff line
@@ -831,3 +831,7 @@ body.gin--classic-toolbar { 
    border-right: 0;

  }

}



.toolbar-loading #toolbar-item-administration-tray.toolbar-tray {

  background: var(--gin-bg-layer);

}

styles/layout/navigation.scss

+10 −1
Original line number Diff line number Diff line
@@ -161,7 +161,7 @@ body.gin--navigation { 
  .toolbar-menu__item--level-2 > .toolbar-link:focus,

  .toolbar-menu__item--level-2 .toolbar-link:hover,

  .toolbar-menu__item--level-2 .toolbar-link:focus,

  .menu-item.menu-item--expanded:not(.current) > .toolbar-link,

  .toolbar-menu__item.toolbar-menu__item--expanded:not(.current) > .toolbar-link,

  .toolbar-link--sidebar-toggle:hover,

  .toolbar-link--sidebar-toggle:focus {

    color: var(--gin-color-primary-hover);
@@ -200,6 +200,15 @@ body.gin--navigation { 
  .toolbar-menu__item--level-2.menu-item--expanded > .toolbar-menu::before {

    background-color: var(--gin-border-color-layer2);

  }



  .toolbar .toolbar-menu,

  .toolbar .toolbar-icon.toolbar-handle {

    background-color: transparent;

  }



  .toolbar .toolbar-menu .toolbar-menu a {

    color: var(--gin-color-text);

  }

}



// Submenu