Skip to content
Snippets Groups Projects
Commit 1303cd19 authored by Pravin Gaikwad's avatar Pravin Gaikwad Committed by Vishal Khode
Browse files

Issue #3391619 by Rajeshreeputra, vishalkhode: Add toolbar style file to library

parent 4e2e5f8f
No related branches found
No related tags found
2 merge requests!6Add toolbar style to library,!5Issue #3387973: Page title should contextualize the local navigation
Expand all Hide whitespace changes
Inline Side-by-side
composer.json
+ 3
− 0
View file @ 1303cd19
......@@ -2,6 +2,9 @@
"name": "drupal/acquia_claro",
"type": "drupal-theme",
"description": "A clean, accessible, and powerful Drupal administration theme.",
"conflict": {
"drupal/acquia_cms_toolbar": "<1.5"
},
"config": {
"allow-plugins": {
"composer/installers": true,
......
css/acquia_cms_toolbar.css deleted 100644 → 0
+ 0
− 671
View file @ 4e2e5f8f
.acquia-cms-toolbar {
margin-top: 12px;
}
.acquia-cms-toolbar .toolbar {
-webkit-box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.3333);
box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.3333);
}
.acquia-cms-toolbar .toolbar a {
font-family: "Proxima Nova", "Open Sans", "Helvetica Neue", sans-serif;
font-style: normal;
font-weight: bold;
-webkit-transition: all, 0.2s;
transition: all, 0.2s;
font-size: 14px;
}
.acquia-cms-toolbar .toolbar .toolbar-bar {
-webkit-box-shadow: none;
box-shadow: none;
background-color: #222330 !important;
top: 10px;
}
.acquia-cms-toolbar .toolbar .toolbar-bar:before {
content: "";
width: 100%;
top: -10px;
position: absolute;
height: 10px;
left: 0;
}
.acquia-cms-toolbar .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item {
background: transparent;
}
.acquia-cms-toolbar .toolbar .toolbar-bar .toolbar-tab > .toolbar-item.is-active {
background-color: rgba(255, 255, 255, 0.03);
background-image: none;
text-decoration: none;
}
.acquia-cms-toolbar .toolbar .toolbar-bar .toolbar-tab > .toolbar-item:focus {
background-color: rgba(255, 255, 255, 0.03);
background-image: none;
text-decoration: none;
}
.acquia-cms-toolbar .toolbar .toolbar-bar .toolbar-tab .toolbar-icon-environment {
color: #ffffff;
width: auto;
padding-right: 12px;
}
@media only screen and (max-width: 767px) {
.acquia-cms-toolbar .toolbar .toolbar-bar .toolbar-tab .toolbar-icon-environment {
text-indent: 50px;
}
}
.acquia-cms-toolbar .toolbar .toolbar-bar .toolbar-tab .toolbar-icon-environment:before {
background-image: url(../images/acacac/env-ffffff.svg);
max-width: 55px;
}
.acquia-cms-toolbar .toolbar .toolbar-bar .toolbar-tab .toolbar-icon-environment:hover {
text-decoration: none;
}
.acquia-cms-toolbar .toolbar .toolbar-bar .toolbar-tab .toolbar-icon-environment.environment-local,
.acquia-cms-toolbar .toolbar .toolbar-bar .toolbar-tab .toolbar-icon-environment.environment-ide {
background-color: #1078c2;
}
.acquia-cms-toolbar .toolbar .toolbar-bar .toolbar-tab .toolbar-icon-environment.environment-local:focus,
.acquia-cms-toolbar .toolbar .toolbar-bar .toolbar-tab .toolbar-icon-environment.environment-ide:focus {
background: #1078c2;
}
.acquia-cms-toolbar .toolbar .toolbar-bar .toolbar-tab .toolbar-icon-environment.environment-dev {
background-color: #498414;
}
.acquia-cms-toolbar .toolbar .toolbar-bar .toolbar-tab .toolbar-icon-environment.environment-dev:focus {
background: #498414;
}
.acquia-cms-toolbar .toolbar .toolbar-bar .toolbar-tab .toolbar-icon-environment.environment-stage {
background-color: #feb32b;
color: #000000;
}
.acquia-cms-toolbar .toolbar .toolbar-bar .toolbar-tab .toolbar-icon-environment.environment-stage:focus {
background: #feb32b;
}
.acquia-cms-toolbar .toolbar .toolbar-bar .toolbar-tab .toolbar-icon-environment.environment-prod {
background-color: #cd3a3d;
}
.acquia-cms-toolbar .toolbar .toolbar-bar .toolbar-tab .toolbar-icon-environment.environment-prod:focus {
background: #feb32b;
}
.acquia-cms-toolbar .toolbar .toolbar-menu {
background: #ffffff;
}
.acquia-cms-toolbar .toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle:before {
background-image: url(../images/acacac/chevron-outline-disc-down.svg);
background-size: 100%;
}
.acquia-cms-toolbar .toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle:hover:before {
background-image: url(../images/168ec4/chevron-outline-disc-down.svg);
}
.acquia-cms-toolbar .toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle.open:before {
background-image: url(../images/168ec4/chevron-outline-disc-close.svg);
background-size: 100%;
}
.acquia-cms-toolbar .toolbar .toolbar-menu .toolbar-menu a {
color: #545560;
}
.acquia-cms-toolbar .toolbar .toolbar-menu .toolbar-menu a:hover {
color: #168ec4;
}
.acquia-cms-toolbar .toolbar .toolbar-menu .toolbar-box:hover .toolbar-icon.toolbar-handle:before {
background-image: url(../images/168ec4/chevron-outline-disc-down.svg);
}
.acquia-cms-toolbar .toolbar .toolbar-menu .toolbar-box:hover .toolbar-icon.toolbar-handle.open:before {
background-image: url(../images/168ec4/chevron-outline-disc-close.svg);
background-size: 100%;
}
.acquia-cms-toolbar .toolbar .toolbar-tray-horizontal {
-webkit-box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333);
box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333);
border-bottom: 1px solid #ffffff;
}
.acquia-cms-toolbar .toolbar .toolbar-tray-horizontal ul ul li.menu-item:first-child {
border: none;
border-top: 1px solid #168ec4;
}
.acquia-cms-toolbar .toolbar .toolbar-tray-horizontal .menu-item + .menu-item {
border-right: none;
border-left: none;
}
.acquia-cms-toolbar .toolbar .toolbar-tray-horizontal .menu-item:last-child {
border-right: none;
border-left: none;
}
.acquia-cms-toolbar .toolbar .toolbar-tray-horizontal .toolbar-toggle-orientation {
border: none;
}
.acquia-cms-toolbar .toolbar .toolbar-tray-vertical {
-webkit-box-shadow: -2px 2px 12px rgba(0, 0, 0, 0.85);
box-shadow: -2px 2px 12px rgba(0, 0, 0, 0.85);
border: none;
}
.acquia-cms-toolbar .toolbar .toolbar-tray-vertical .menu-item + .menu-item {
border: 0 none;
}
.acquia-cms-toolbar .toolbar .toolbar-tray-vertical .toolbar-menu a {
color: #545560;
}
.acquia-cms-toolbar .toolbar .toolbar-tray-vertical .toolbar-menu a:hover {
color: #168ec4;
text-decoration: none;
}
.acquia-cms-toolbar .toolbar .toolbar-tray-vertical .toolbar-menu a:focus {
color: #168ec4;
text-decoration: none;
}
.acquia-cms-toolbar .toolbar .toolbar-tray-vertical .toolbar-menu ul ul {
border: none;
}
.acquia-cms-toolbar .toolbar .toolbar-tray {
background-color: #ffffff;
}
.acquia-cms-toolbar .toolbar .toolbar-tray .menu-item--active-trail > .toolbar-box a {
color: #168ec4;
text-decoration: none;
font-weight: bold;
}
.acquia-cms-toolbar .toolbar .toolbar-tray a.is-active {
color: #168ec4;
text-decoration: none;
font-weight: bold;
}
.acquia-cms-toolbar .toolbar .toolbar-toggle-orientation {
background-color: #ffffff;
}
.acquia-cms-toolbar .toolbar .toolbar-icon.toolbar-handle > span {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.acquia-cms-toolbar .toolbar .toolbar-icon.toolbar-handle:focus {
background-color: transparent;
}
.acquia-cms-toolbar .toolbar .toolbar-icon.toolbar-handle:before {
background-image: url(../images/acacac/chevron-outline-disc-down.svg);
-webkit-transition: 0.25s;
transition: 0.25s;
}
.acquia-cms-toolbar .toolbar .toolbar-icon.toolbar-handle:hover:before {
background-image: url(../images/168ec4/chevron-outline-disc-down.svg);
}
.acquia-cms-toolbar .toolbar .toolbar-icon.toolbar-handle.open:before {
background-image: url(../images/ffcfcf/chevron-outline-disc-close.svg) !important;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.acquia-cms-toolbar .toolbar .level-3 a {
color: #cccccc !important;
}
.acquia-cms-toolbar .toolbar .level-4 a {
color: #cccccc !important;
}
.acquia-cms-toolbar .toolbar .menu-item:hover {
background-color: #ffffff;
}
.acquia-cms-toolbar .toolbar .menu-item--expanded {
background-color: #ffffff;
}
.acquia-cms-toolbar .toolbar-tray .toolbar-menu a {
background: transparent;
color: #545560;
}
.acquia-cms-toolbar .toolbar-tray .toolbar-menu span {
background: transparent;
color: #545560;
}
.acquia-cms-toolbar .toolbar-tray .toolbar-menu li {
background: #ffffff;
}
.acquia-cms-toolbar .toolbar-tray ul li.menu-item {
border: none;
}
.acquia-cms-toolbar .toolbar-tray a {
color: #545560;
}
.acquia-cms-toolbar .toolbar-tray span {
display: block;
padding: 1em 1.3em;
color: #545560;
}
.acquia-cms-toolbar .toolbar-oriented .user-toolbar-tab {
float: right;
}
.acquia-cms-toolbar .toolbar-tray-horizontal a:hover {
color: #168ec4;
text-decoration: none;
}
.acquia-cms-toolbar .toolbar-tray-horizontal a:active {
color: #168ec4;
text-decoration: none;
}
.acquia-cms-toolbar .toolbar-tray-horizontal a:focus {
background: #ffffff;
color: #168ec4;
text-decoration: none;
}
.acquia-cms-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover > a {
color: #168ec4 !important;
}
.acquia-cms-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover > .toolbar-box > a {
color: #168ec4 !important;
}
.acquia-cms-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-admin-toolbar-tools-help:before {
background-image: url(../images/168ec4/drupal-9.svg);
}
.acquia-cms-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-admin-content:before {
background-image: url(../images/168ec4/file.svg);
}
.acquia-cms-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-admin-structure:before {
background-image: url(../images/168ec4/orgchart.svg);
}
.acquia-cms-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-themes-page:before {
background-image: url(../images/168ec4/paintbrush.svg);
}
.acquia-cms-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-entity-user-collection:before {
background-image: url(../images/168ec4/people.svg);
}
.acquia-cms-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-modules-list:before {
background-image: url(../images/168ec4/puzzlepiece.svg);
}
.acquia-cms-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-admin-config:before {
background-image: url(../images/168ec4/wrench.svg);
}
.acquia-cms-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-admin-reports:before {
background-image: url(../images/168ec4/barchart.svg);
}
.acquia-cms-toolbar .toolbar-tray-horizontal .menu-item a:focus {
background: #ffffff;
}
.acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded {
position: relative;
background-image: none;
}
.acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded > a:after {
position: absolute;
top: 50%;
right: 5px;
color: #8eacc0;
font-size: 16px;
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-transition: all 0.2s;
transition: all 0.2s;
content: url(../images/0084d7/chevron-right.svg);
pointer-events: none;
}
.acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded > a:hover:after {
-webkit-transform: translate(6px, -8px);
transform: translate(6px, -8px);
content: url(../images/0084d7/chevron-right.svg);
}
.acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded .menu-item:hover ul {
margin: -39px 0 0 200px;
}
.acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item {
border-top: none transparent;
border-right: none;
border-bottom: none;
border-left: none;
}
.acquia-cms-toolbar .toolbar-tray-horizontal ul ul li li.menu-item:first-child {
border-top: none !important;
}
.acquia-cms-toolbar .toolbar-tray-horizontal .toolbar-menu ul .toolbar-icon {
padding: 1em 12px;
}
.acquia-cms-toolbar .level-1 .toolbar-handle.open {
background: #3b3b3b !important;
}
.acquia-cms-toolbar .toolbar-tray-vertical .level-2 {
background: #3b3b3b !important;
}
.acquia-cms-toolbar .toolbar-tray-vertical .level-3 {
background: #434343 !important;
}
.acquia-cms-toolbar .toolbar-tray-vertical .level-3 a {
padding-left: 2.75em !important;
}
.acquia-cms-toolbar .toolbar-tray-vertical .level-4 {
background: #4c4c4c !important;
}
.acquia-cms-toolbar .toolbar-tray-vertical .level-5 {
background: #545454 !important;
}
.acquia-cms-toolbar .toolbar-tray-vertical .toolbar-icon-admin-toolbar-tools-help {
text-indent: 0;
-webkit-transition: none;
transition: none;
}
.acquia-cms-toolbar .toolbar-tray-vertical .toolbar-icon-admin-toolbar-tools-help:before {
margin-left: 0;
}
.acquia-cms-toolbar .level-2 .toolbar-handle.open {
background: #434343 !important;
}
.acquia-cms-toolbar .level-3 .toolbar-handle.open {
background: #4c4c4c !important;
}
.acquia-cms-toolbar .level-4 .toolbar-handle.open {
background: #545454 !important;
}
.acquia-cms-toolbar .toolbar-handle.open {
border-top-left-radius: 10px;
}
.acquia-cms-toolbar .toolbar-box a:focus {
background: #ffffff;
text-decoration: none;
}
.acquia-cms-toolbar .toolbar-icon-admin-toolbar-tools-help:before {
padding: 0px;
margin-left: 7px;
background-image: url(../images/acacac/drupal-9.svg);
}
.acquia-cms-toolbar .toolbar-icon-admin-toolbar-tools-help:hover:before {
background-image: url(../images/168ec4/drupal-9.svg);
}
.acquia-cms-toolbar .toolbar-icon-admin-toolbar-tools-help:active:before {
background-image: url(../images/168ec4/drupal-9.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-admin-content:before {
background-image: url(../images/acacac/file.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-admin-content:hover:before {
background-image: url(../images/168ec4/file.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-admin-content:active:before {
background-image: url(../images/168ec4/file.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-admin-structure:before {
background-image: url(../images/acacac/orgchart.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-admin-structure:hover:before {
background-image: url(../images/168ec4/orgchart.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-admin-structure:active:before {
background-image: url(../images/168ec4/orgchart.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-themes-page:before {
background-image: url(../images/acacac/paintbrush.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-themes-page:hover:before {
background-image: url(../images/168ec4/paintbrush.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-themes-page:active:before {
background-image: url(../images/168ec4/paintbrush.svg);
}
.acquia-cms-toolbar .toolbar-icon-entity-user-collection:before {
background-image: url(../images/acacac/people.svg);
}
.acquia-cms-toolbar .toolbar-icon-entity-user-collection:hover:before {
background-image: url(../images/168ec4/people.svg);
}
.acquia-cms-toolbar .toolbar-icon-entity-user-collection:active:before {
background-image: url(../images/168ec4/people.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-modules-list:before {
background-image: url(../images/acacac/puzzlepiece.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-modules-list:hover:before {
background-image: url(../images/168ec4/puzzlepiece.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-modules-list:active:before {
background-image: url(../images/168ec4/puzzlepiece.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-admin-config:before {
background-image: url(../images/acacac/wrench.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-admin-config:hover:before {
background-image: url(../images/168ec4/wrench.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-admin-config:active:before {
background-image: url(../images/168ec4/wrench.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-admin-reports:before {
background-image: url(../images/acacac/barchart.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-admin-reports:hover:before {
background-image: url(../images/168ec4/barchart.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-admin-reports:active:before {
background-image: url(../images/168ec4/barchart.svg);
}
.acquia-cms-toolbar .toolbar-icon-help-main:before {
background-image: url(../images/acacac/questionmark-disc.svg);
}
.acquia-cms-toolbar .toolbar-icon-help-main:hover:before {
background-image: url(../images/168ec4/questionmark-disc.svg);
}
.acquia-cms-toolbar .toolbar-icon-help-main:active:before {
background-image: url(../images/168ec4/questionmark-disc.svg);
}
.acquia-cms-toolbar .toolbar-icon-admin-toolbar-tools-help.is-active:before {
background-image: url(../images/168ec4/drupal-9.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-admin-content.is-active:before {
background-image: url(../images/168ec4/file.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-admin-structure.is-active:before {
background-image: url(../images/168ec4/orgchart.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-themes-page.is-active:before {
background-image: url(../images/168ec4/paintbrush.svg);
}
.acquia-cms-toolbar .toolbar-icon-entity-user-collection.is-active:before {
background-image: url(../images/168ec4/people.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-modules-list.is-active:before {
background-image: url(../images/168ec4/puzzlepiece.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-admin-config.is-active:before {
background-image: url(../images/168ec4/wrench.svg);
}
.acquia-cms-toolbar .toolbar-icon-system-admin-reports.is-active:before {
background-image: url(../images/168ec4/barchart.svg);
}
.acquia-cms-toolbar .menu-item--expanded:hover .toolbar-icon-help-main:before {
background-image: url(../images/168ec4/questionmark-disc.svg);
}
.acquia-cms-toolbar .toolbar-icon-help-main.is-active:before {
background-image: url(../images/168ec4/questionmark-disc.svg);
}
#toolbar-item-administration-search-tray label {
background: transparent;
color: #545560 !important;
}
[dir=rtl] .acquia-cms-toolbar .toolbar .toolbar-tray-horizontal .menu-item + .menu-item {
border-right: none;
border-left: none;
}
[dir=rtl] .acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded {
position: relative;
background-image: none;
}
[dir=rtl] .acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:after {
top: 30%;
right: auto;
left: 5px;
transform: scaleX(-1);
-webkit-filter: FlipH;
filter: FlipH;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-ms-filter: "FlipH";
}
[dir=rtl] .acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:hover:after {
transform: scaleX(-1);
-webkit-transform-origin: 40% top;
transform-origin: 40% top;
-webkit-filter: FlipH;
filter: FlipH;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-ms-filter: "FlipH";
}
[dir=rtl] .acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded .menu-item:hover ul {
margin: -39px 200px 0 0;
}
.toolbar .toolbar-tray-vertical .level-2 a {
color: #cccccc !important;
}
.toolbar .toolbar-tray-vertical .level-3 ul {
margin-left: 0 !important;
}
.acquia-cms-toolbar.acquia-cms-environment-local .toolbar .toolbar-bar:before,
.acquia-cms-toolbar.acquia-cms-environment-ide .toolbar .toolbar-bar:before {
background-color: #1078c2;
}
.acquia-cms-toolbar.acquia-cms-environment-dev .toolbar .toolbar-bar:before {
background-color: #498414;
}
.acquia-cms-toolbar.acquia-cms-environment-stage .toolbar .toolbar-bar:before {
background-color: #feb32b;
}
.acquia-cms-toolbar.acquia-cms-environment-prod .toolbar .toolbar-bar:before {
background-color: #cd3a3d;
}
.toolbar-tray-horizontal .toolbar-menu:not(:first-child) li.menu-item--expanded > a:focus {
background-image: none !important;
}
css/styles.css
+ 142
− 0
View file @ 1303cd19
......@@ -280,3 +280,145 @@ div.scheduled-transition input {
.media-library-item__name {
padding: 10px;
}
/* Primary Toolbar */
/* Secondary Toolbar - Environment Styles */
.toolbar-tray-horizontal ul li.menu-item--expanded:hover:before {
-webkit-transform: translate(6px, 0px);
transform: translate(6px, 0px);
}
.toolbar #toolbar-bar .toolbar-tray .menu-item--active-trail > .toolbar-box a {
color: #168ec4;
}
.toolbar #toolbar-bar .toolbar-tray .menu-item > .toolbar-icon.is-active {
color: #168ec4;
}
.toolbar #toolbar-bar .toolbar-tray .menu-item > .toolbar-box > .toolbar-icon.is-active {
color: #168ec4;
}
.toolbar #toolbar-bar .toolbar-tray a.is-active {
color: #168ec4;
}
.toolbar #toolbar-bar .toolbar-tray a:hover {
color: #168ec4;
}
.toolbar #toolbar-bar .toolbar-tray span:hover {
color: #168ec4;
}
.toolbar #toolbar-bar .toolbar .toolbar-menu .toolbar-menu a:hover {
color: #168ec4;
}
.toolbar #toolbar-bar .toolbar .toolbar-menu .toolbar-menu span:hover {
color: #168ec4;
}
.toolbar .toolbar-bar .toolbar-tab .toolbar-icon-environment {
color: #fff;
}
.toolbar .toolbar-bar .toolbar-tab .toolbar-icon-environment:before {
background-image: url(../images/acacac/env-ffffff.svg);
max-width: 55px;
}
.toolbar .toolbar-bar .toolbar-tab .toolbar-icon-environment:hover {
text-decoration: none;
}
.acquia-cms-toolbar .toolbar .toolbar-icon.toolbar-handle:before {
background-image: url(../images/acacac/chevron-outline-disc-down.svg);
-webkit-transition: 0.25s;
transition: 0.25s;
}
.acquia-cms-toolbar .toolbar .menu-item--expanded {
background-color: #ffffff;
}
.acquia-cms-toolbar .toolbar .toolbar-tray-horizontal .menu-item + .menu-item {
border-right: none;
border-left: none;
}
.acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded {
position: relative;
background-image: none;
}
.acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded > a:after {
position: absolute;
top: 50%;
right: 5px;
color: #8eacc0;
font-size: 16px;
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-transition: all 0.2s;
transition: all 0.2s;
content: url(../images/0084d7/chevron-right.svg);
pointer-events: none;
}
.acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded > a:hover:after {
-webkit-transform: translate(6px, -8px);
transform: translate(6px, -8px);
content: url(../images/0084d7/chevron-right.svg);
}
.acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item {
border-top: none transparent;
border-right: none;
border-bottom: none;
border-left: none;
}
.acquia-cms-toolbar .toolbar-tray .toolbar-menu li {
background: #ffffff;
}
[dir=rtl] .acquia-cms-toolbar .toolbar .toolbar-tray-horizontal .menu-item + .menu-item {
border-right: none;
border-left: none;
}
[dir=rtl] .acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded {
position: relative;
background-image: none;
}
[dir=rtl] .acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:after {
top: 30%;
right: auto;
left: 5px;
transform: scaleX(-1);
-webkit-filter: FlipH;
filter: FlipH;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-ms-filter: "FlipH";
}
[dir=rtl] .acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:hover:after {
transform: scaleX(-1);
-webkit-transform-origin: 40% top;
transform-origin: 40% top;
-webkit-filter: FlipH;
filter: FlipH;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-ms-filter: "FlipH";
}
[dir=rtl] .acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded .menu-item:hover ul {
margin: -39px 200px 0 0;
}
package-lock.json
+ 9374
− 5573
View file @ 1303cd19
This diff is collapsed.
scss/03-components/_toolbar.scss 0 → 100644
+ 216
− 0
View file @ 1303cd19
$color_1: #168ec4;
$color_2: #fff;
$color_3: #8eacc0;
$background-color_1: #ffffff;
/* Primary Toolbar */
/* Secondary Toolbar - Environment Styles */
.toolbar-tray-horizontal {
ul {
li.menu-item--expanded {
&:hover {
&:before {
-webkit-transform: translate(6px, 0px);
transform: translate(6px, 0px);
}
}
}
}
}
.toolbar {
#toolbar-bar {
.toolbar-tray {
.menu-item--active-trail {
>.toolbar-box {
a {
color: $color_1;
}
}
}
.menu-item {
>.toolbar-icon.is-active {
color: $color_1;
}
>.toolbar-box {
>.toolbar-icon.is-active {
color: $color_1;
}
}
}
a.is-active {
color: $color_1;
}
a {
&:hover {
color: $color_1;
}
}
span {
&:hover {
color: $color_1;
}
}
}
.toolbar {
.toolbar-menu {
.toolbar-menu {
a {
&:hover {
color: $color_1;
}
}
span {
&:hover {
color: $color_1;
}
}
}
}
}
}
.toolbar-bar {
.toolbar-tab {
.toolbar-icon-environment {
color: $color_2;
&:before {
background-image: url(../images/acacac/env-ffffff.svg);
max-width: 55px;
}
&:hover {
text-decoration: none;
}
}
}
}
}
.acquia-cms-toolbar {
.toolbar {
.toolbar-icon.toolbar-handle {
&:before {
background-image: url(../images/acacac/chevron-outline-disc-down.svg);
-webkit-transition: .25s;
transition: .25s;
}
}
.menu-item--expanded {
background-color: $background-color_1;
}
.toolbar-tray-horizontal {
.menu-item {
+ {
.menu-item {
border-right: none;
border-left: none;
}
}
}
}
}
.toolbar-tray-horizontal {
ul {
li.menu-item--expanded {
ul {
li.menu-item--expanded {
position: relative;
background-image: none;
>a {
&:after {
position: absolute;
top: 50%;
right: 5px;
color: $color_3;
font-size: 16px;
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-transition: all .2s;
transition: all .2s;
content: url(../images/0084d7/chevron-right.svg);
pointer-events: none;
}
&:hover {
&:after {
-webkit-transform: translate(6px, -8px);
transform: translate(6px, -8px);
content: url(../images/0084d7/chevron-right.svg);
}
}
}
}
}
}
li.menu-item {
border-top: none transparent;
border-right: none;
border-bottom: none;
border-left: none;
}
}
}
.toolbar-tray {
.toolbar-menu {
li {
background: #ffffff;
}
}
}
}
[dir="rtl"] {
.acquia-cms-toolbar {
.toolbar {
.toolbar-tray-horizontal {
.menu-item {
+ {
.menu-item {
border-right: none;
border-left: none;
}
}
}
}
}
.toolbar-tray-horizontal {
ul {
li.menu-item--expanded {
ul {
li.menu-item--expanded {
position: relative;
background-image: none;
&:after {
top: 30%;
right: auto;
left: 5px;
transform: scaleX(-1);
-webkit-filter: FlipH;
filter: FlipH;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-ms-filter: "FlipH";
}
&:hover {
&:after {
transform: scaleX(-1);
-webkit-transform-origin: 40% top;
transform-origin: 40% top;
-webkit-filter: FlipH;
filter: FlipH;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-ms-filter: "FlipH";
}
}
}
}
.menu-item {
&:hover {
ul {
margin: -39px 200px 0 0;
}
}
}
}
}
}
}
}
scss/acquia_cms_toolbar.scss deleted 100644 → 0
+ 0
− 921
View file @ 4e2e5f8f
@import "00-config/colors";
@import "00-config/fonts";
.acquia-cms-toolbar {
margin-top: 12px;
.toolbar {
box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.3333);
a {
@include font-primary-bold;
transition: all, 0.2s;
font-size: 14px;
}
.toolbar-bar {
box-shadow: none;
background-color: $df-grayish-navy !important;
top: 10px;
&:before {
content:'';
width: 100%;
top: -10px;
position: absolute;
height: 10px;
left: 0;
}
.toolbar-tab {
> .toolbar-icon{
&.toolbar-icon-edit{
&.toolbar-item {
background: transparent;
}
}
}
> .toolbar-item.is-active {
background-color: rgba(255, 255, 255, .03);
background-image: none;
text-decoration: none;
}
> .toolbar-item {
&:focus {
background-color: rgba(255, 255, 255, .03);
background-image: none;
text-decoration: none;
}
}
.toolbar-icon-environment {
color: $white;
width: auto;
padding-right: 12px;
@media only screen and (max-width: 767px){
text-indent: 50px;
}
&:before {
background-image: url(../images/acacac/env-ffffff.svg);
max-width: 55px;
}
&:hover {
text-decoration: none;
}
&.environment-local,
&.environment-ide {
background-color: $acquia-blue-darker;
&:focus {
background: $acquia-blue-darker;
}
}
&.environment-dev {
background-color: $success-alert-color;
&:focus {
background: $success-alert-color;
}
}
&.environment-stage {
background-color: $warning-alert-color;
color: $black;
&:focus {
background: $warning-alert-color;
}
}
&.environment-prod {
background-color: $danger-alert-color;
&:focus {
background: $warning-alert-color;
}
}
}
}
}
.toolbar-menu {
background: $white;
.toolbar-menu {
.toolbar-icon.toolbar-handle {
&:before {
background-image: url(../images/acacac/chevron-outline-disc-down.svg);
background-size: 100%;
}
&:hover {
&:before {
background-image: url(../images/168ec4/chevron-outline-disc-down.svg);
}
}
}
.toolbar-icon.toolbar-handle.open {
&:before {
background-image: url(../images/168ec4/chevron-outline-disc-close.svg);
background-size: 100%;
}
}
a {
color: $df-bright-grey;
&:hover {
color: $df-blue;
}
}
}
.toolbar-box {
&:hover {
.toolbar-icon.toolbar-handle {
&:before {
background-image: url(../images/168ec4/chevron-outline-disc-down.svg);
}
}
.toolbar-icon.toolbar-handle.open {
&:before {
background-image: url(../images/168ec4/chevron-outline-disc-close.svg);
background-size: 100%;
}
}
}
}
}
.toolbar-tray-horizontal {
ul {
ul {
li.menu-item {
&:first-child {
border: none;
border-top: 1px solid $df-blue;
}
}
}
}
.menu-item {
+ {
.menu-item {
border-right: none;
border-left: none;
}
}
&:last-child {
border-right: none;
border-left: none;
}
}
box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333);
border-bottom: 1px solid $white;
.toolbar-toggle-orientation {
border: none;
}
}
.toolbar-tray-vertical {
box-shadow: -2px 2px 12px rgba(0, 0, 0, 0.85);
border: none;
.menu-item {
+ {
.menu-item {
border: 0 none;
}
}
}
.toolbar-menu {
a {
color: $df-bright-grey;
&:hover {
color: $df-blue;
text-decoration: none;
}
&:focus {
color: $df-blue;
text-decoration: none;
}
}
ul {
ul {
border: none;
}
}
}
}
.toolbar-tray {
.menu-item--active-trail {
> .toolbar-box {
a {
color: $df-blue;
text-decoration: none;
font-weight: bold;
}
}
}
a.is-active {
color: $df-blue;
text-decoration: none;
font-weight: bold;
}
background-color: $white;
}
.toolbar-toggle-orientation {
background-color: $white;
}
.toolbar-icon.toolbar-handle {
> span {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
&:focus {
background-color: transparent;
}
&:before {
background-image: url(../images/acacac/chevron-outline-disc-down.svg);
transition: .25s;
}
&:hover {
&:before {
background-image: url(../images/168ec4/chevron-outline-disc-down.svg);
}
}
}
.toolbar-icon.toolbar-handle.open {
&:before {
background-image: url(../images/ffcfcf/chevron-outline-disc-close.svg) !important;
transform: rotate(180deg);
}
}
.level-3 {
a {
color: $df-light-grey !important;
}
}
.level-4 {
a {
color: $df-light-grey !important;
}
}
.menu-item {
&:hover {
background-color: $white;
}
}
.menu-item--expanded {
background-color: $white;
}
}
.toolbar-tray {
.toolbar-menu {
a {
background: transparent;
color: $df-bright-grey;
}
span {
background: transparent;
color: $df-bright-grey;
}
li {
background: $white;
}
}
ul {
li.menu-item {
border: none;
}
}
a {
color: $df-bright-grey;
}
span {
display: block;
padding: 1em 1.3em;
color: $df-bright-grey;
}
}
.toolbar-oriented {
.user-toolbar-tab {
float: right;
}
}
.toolbar-tray-horizontal {
a {
&:hover {
color: $df-blue;
text-decoration: none;
}
&:active {
color: $df-blue;
text-decoration: none;
}
&:focus {
background: $white;
color: $df-blue;
text-decoration: none;
}
}
.menu-item--expanded {
&:hover {
> a {
color: $df-blue !important;
}
> .toolbar-box {
> a {
color: $df-blue !important;
}
}
.toolbar-icon-admin-toolbar-tools-help {
&:before {
background-image: url(../images/168ec4/drupal-9.svg);
}
}
.toolbar-icon-system-admin-content {
&:before {
background-image: url(../images/168ec4/file.svg);
}
}
.toolbar-icon-system-admin-structure {
&:before {
background-image: url(../images/168ec4/orgchart.svg);
}
}
.toolbar-icon-system-themes-page {
&:before {
background-image: url(../images/168ec4/paintbrush.svg);
}
}
.toolbar-icon-entity-user-collection {
&:before {
background-image: url(../images/168ec4/people.svg);
}
}
.toolbar-icon-system-modules-list {
&:before {
background-image: url(../images/168ec4/puzzlepiece.svg);
}
}
.toolbar-icon-system-admin-config {
&:before {
background-image: url(../images/168ec4/wrench.svg);
}
}
.toolbar-icon-system-admin-reports {
&:before {
background-image: url(../images/168ec4/barchart.svg);
}
}
}
}
.menu-item {
a {
&:focus {
background: $white;
}
}
}
ul {
li.menu-item--expanded {
ul {
li.menu-item--expanded {
position: relative;
background-image: none;
> a {
&:after {
position: absolute;
top: 50%;
right: 5px;
color: #8eacc0;
font-size: 16px;
transform: translateY(-8px);
transition: all .2s;
content: url(../images/0084d7/chevron-right.svg);
pointer-events: none;
}
&:hover {
&:after {
transform: translate(6px, -8px);
content: url(../images/0084d7/chevron-right.svg);
}
}
}
}
}
.menu-item {
&:hover {
ul {
margin: -39px 0 0 200px;
}
}
}
}
li.menu-item {
border-top: none transparent;
border-right: none;
border-bottom: none;
border-left: none;
}
ul {
li {
li.menu-item {
&:first-child {
border-top: none !important;
}
}
}
}
}
.toolbar-menu {
ul {
.toolbar-icon {
padding: 1em 12px;
}
}
}
}
.level-1 {
.toolbar-handle.open {
background: #3b3b3b !important;
}
}
.toolbar-tray-vertical {
.level-2 {
background: #3b3b3b !important;
}
.level-3 {
background: #434343 !important;
a {
padding-left: 2.75em !important;
}
}
.level-4 {
background: #4c4c4c !important;
}
.level-5 {
background: #545454 !important;
}
.toolbar-icon-admin-toolbar-tools-help {
&:before {
margin-left: 0;
}
text-indent: 0;
transition: none;
}
}
.level-2 {
.toolbar-handle.open {
background: #434343 !important;
}
}
.level-3 {
.toolbar-handle.open {
background: #4c4c4c !important;
}
}
.level-4 {
.toolbar-handle.open {
background: #545454 !important;
}
}
.toolbar-handle.open {
border-top-left-radius: 10px;
}
.toolbar-box {
a {
&:focus {
background: $white;
text-decoration: none;
}
}
}
.toolbar-icon-admin-toolbar-tools-help {
&:before {
padding: 0px;
margin-left: 7px;
background-image: url(../images/acacac/drupal-9.svg);
}
&:hover {
&:before {
background-image: url(../images/168ec4/drupal-9.svg);
}
}
&:active {
&:before {
background-image: url(../images/168ec4/drupal-9.svg);
}
}
}
.toolbar-icon-system-admin-content {
&:before {
background-image: url(../images/acacac/file.svg);
}
&:hover {
&:before {
background-image: url(../images/168ec4/file.svg);
}
}
&:active {
&:before {
background-image: url(../images/168ec4/file.svg);
}
}
}
.toolbar-icon-system-admin-structure {
&:before {
background-image: url(../images/acacac/orgchart.svg);
}
&:hover {
&:before {
background-image: url(../images/168ec4/orgchart.svg);
}
}
&:active {
&:before {
background-image: url(../images/168ec4/orgchart.svg);
}
}
}
.toolbar-icon-system-themes-page {
&:before {
background-image: url(../images/acacac/paintbrush.svg);
}
&:hover {
&:before {
background-image: url(../images/168ec4/paintbrush.svg);
}
}
&:active {
&:before {
background-image: url(../images/168ec4/paintbrush.svg);
}
}
}
.toolbar-icon-entity-user-collection {
&:before {
background-image: url(../images/acacac/people.svg);
}
&:hover {
&:before {
background-image: url(../images/168ec4/people.svg);
}
}
&:active {
&:before {
background-image: url(../images/168ec4/people.svg);
}
}
}
.toolbar-icon-system-modules-list {
&:before {
background-image: url(../images/acacac/puzzlepiece.svg);
}
&:hover {
&:before {
background-image: url(../images/168ec4/puzzlepiece.svg);
}
}
&:active {
&:before {
background-image: url(../images/168ec4/puzzlepiece.svg);
}
}
}
.toolbar-icon-system-admin-config {
&:before {
background-image: url(../images/acacac/wrench.svg);
}
&:hover {
&:before {
background-image: url(../images/168ec4/wrench.svg);
}
}
&:active {
&:before {
background-image: url(../images/168ec4/wrench.svg);
}
}
}
.toolbar-icon-system-admin-reports {
&:before {
background-image: url(../images/acacac/barchart.svg);
}
&:hover {
&:before {
background-image: url(../images/168ec4/barchart.svg);
}
}
&:active {
&:before {
background-image: url(../images/168ec4/barchart.svg);
}
}
}
.toolbar-icon-help-main {
&:before {
background-image: url(../images/acacac/questionmark-disc.svg);
}
&:hover {
&:before {
background-image: url(../images/168ec4/questionmark-disc.svg);
}
}
&:active {
&:before {
background-image: url(../images/168ec4/questionmark-disc.svg);
}
}
}
.toolbar-icon-admin-toolbar-tools-help.is-active {
&:before {
background-image: url(../images/168ec4/drupal-9.svg);
}
}
.toolbar-icon-system-admin-content.is-active {
&:before {
background-image: url(../images/168ec4/file.svg);
}
}
.toolbar-icon-system-admin-structure.is-active {
&:before {
background-image: url(../images/168ec4/orgchart.svg);
}
}
.toolbar-icon-system-themes-page.is-active {
&:before {
background-image: url(../images/168ec4/paintbrush.svg);
}
}
.toolbar-icon-entity-user-collection.is-active {
&:before {
background-image: url(../images/168ec4/people.svg);
}
}
.toolbar-icon-system-modules-list.is-active {
&:before {
background-image: url(../images/168ec4/puzzlepiece.svg);
}
}
.toolbar-icon-system-admin-config.is-active {
&:before {
background-image: url(../images/168ec4/wrench.svg);
}
}
.toolbar-icon-system-admin-reports.is-active {
&:before {
background-image: url(../images/168ec4/barchart.svg);
}
}
.menu-item--expanded {
&:hover {
.toolbar-icon-help-main {
&:before {
background-image: url(../images/168ec4/questionmark-disc.svg);
}
}
}
}
.toolbar-icon-help-main.is-active {
&:before {
background-image: url(../images/168ec4/questionmark-disc.svg);
}
}
}
#toolbar-item-administration-search-tray {
label {
background: transparent;
color: $df-bright-grey !important;
}
}
[dir="rtl"] {
.acquia-cms-toolbar {
.toolbar {
.toolbar-tray-horizontal {
.menu-item {
+ {
.menu-item {
border-right: none;
border-left: none;
}
}
}
}
}
.toolbar-tray-horizontal {
ul {
li.menu-item--expanded {
ul {
li.menu-item--expanded {
position: relative;
background-image: none;
&:after {
top: 30%;
right: auto;
left: 5px;
transform: scaleX(-1);
filter: FlipH;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-ms-filter: "FlipH";
}
&:hover {
&:after {
transform: scaleX(-1);
transform-origin: 40% top;
filter: FlipH;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-ms-filter: "FlipH";
}
}
}
}
.menu-item {
&:hover {
ul {
margin: -39px 200px 0 0;
}
}
}
}
}
}
}
}
.toolbar {
.toolbar-tray-vertical {
.level-2 {
a {
color: $df-light-grey !important;
}
}
.level-3 {
ul {
margin-left: 0 !important;
}
}
}
.toolbar-bar {
.acquia-cms-toolbar.acquia-cms-environment-local &,
.acquia-cms-toolbar.acquia-cms-environment-ide & {
&:before {
background-color: $acquia-blue-darker;
}
}
.acquia-cms-toolbar.acquia-cms-environment-dev & {
&:before {
background-color: $success-alert-color;
}
}
.acquia-cms-toolbar.acquia-cms-environment-stage & {
&:before {
background-color: $warning-alert-color;
}
}
.acquia-cms-toolbar.acquia-cms-environment-prod & {
&:before {
background-color: $danger-alert-color;
}
}
}
}
.toolbar-tray-horizontal {
.toolbar-menu {
&:not(:first-child) {
li.menu-item--expanded {
> a {
&:focus {
background-image: none !important;
}
}
}
}
}
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment