Skip to content
Snippets Groups Projects
Commit b5037c1a authored by kalash jain's avatar kalash jain Committed by Vishal Khode
Browse files

Issue #3452666 by Rajeshreeputra, ankitv18, kalash-j, vipin.mittal18: Drupal...

Issue #3452666 by Rajeshreeputra, ankitv18, kalash-j, vipin.mittal18: Drupal 11 compatibility fixes for Acquia Claro
parent 7cd5d05c
No related branches found
No related tags found
2 merge requests!11Issue #3452666 by kalash: D11 compatible.,!5Issue #3387973: Page title should contextualize the local navigation
Pipeline #232016 passed with warnings
include:
################
# DrupalCI includes:
# As long as you include this, any future includes added by the Drupal Association will be accessible to your pipelines automatically.
# View these include files at https://git.drupalcode.org/project/gitlab_templates/
################
- project: $_GITLAB_TEMPLATES_REPO
ref: $_GITLAB_TEMPLATES_REF
file:
- "/includes/include.drupalci.main.yml"
- "/includes/include.drupalci.variables.yml"
- "/includes/include.drupalci.workflows.yml"
################
# Pipeline configuration variables
#
# These are the variables provided to the Run Pipeline form that a user may want to override.
#
# Docs at https://git.drupalcode.org/project/gitlab_templates/-/blob/1.0.x/includes/include.drupalci.variables.yml
################
# variables:
# SKIP_ESLINT: '1'
#
# Start custom overrides.
# Based on https://git.drupalcode.org/project/keycdn/-/blob/8.x-1.x/.gitlab-ci.yml
#
variables:
# Broaden test coverage.
OPT_IN_TEST_PREVIOUS_MAJOR: 1
OPT_IN_TEST_MAX_PHP: 1
OPT_IN_TEST_PREVIOUS_MINOR: 1
OPT_IN_TEST_NEXT_MINOR: 1
OPT_IN_TEST_NEXT_MAJOR: 1
# Convenient, and we have no secrets.
_SHOW_ENVIRONMENT_VARIABLES: 1
_CSPELL_IGNORE_PATHS: 'scss/*, css/*, gulp-tasks/*, color/*, gulpfile.js'
# About
A clean, accessible, and powerful Drupal administration theme for Acquia CMS, based on the Claro theme.
A clean, accessible, and powerful Drupal administration theme for Acquia CMS,
based on the Claro theme.
## Documentation
......@@ -14,6 +15,11 @@ User-facing documentation for Acquia CMS lives on
Copyright (C) 2021 Acquia, Inc.
This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License version 2 as published by the Free Software Foundation.
This program is free software: you can redistribute it and/or modify it
under the terms of the GNU General Public License version 2 as
published by the Free Software Foundation.
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
See the GNU General Public License for more details.
......@@ -3,7 +3,7 @@ type: theme
base theme: claro
description: 'A clean, accessible, and powerful Drupal administration theme.'
package: Custom
core_version_requirement: ^9.4 || ^10
core_version_requirement: ^9.4 || ^10 || ^11
libraries:
- acquia_claro/global
regions:
......
......@@ -6,7 +6,7 @@
*/
// phpcs:ignore DrupalPractice.CodeAnalysis.VariableAnalysis.UnusedVariable
$info = [
$info = [
// Available colors and color labels used in theme.
'fields' => [
'contentheader' => t('Header background'),
......@@ -19,7 +19,7 @@
'primarybuttonhover' => t('Button Hover'),
'focus' => t('Focus color'),
],
// Pre-defined color schemes.
// Pre-defined color schemes.
'schemes' => [
'default' => [
'title' => t('Acquia (default)'),
......@@ -65,12 +65,12 @@
],
],
// CSS files (excluding @import) to rewrite with new color scheme.
// CSS files (excluding @import) to rewrite with new color scheme.
'css' => [
'css/acquia_claro_colors.css',
],
// Preview files.
// Preview files.
'preview_library' => 'acquia_claro/color.preview',
'preview_html' => 'color/preview.html',
......
......@@ -26,11 +26,11 @@ body,
}
.content-header .is-horizontal .tabs__link {
color: #cccccc;
color: #ccc;
}
.content-header .is-horizontal .tabs__link.is-active::before {
border-color: #cccccc;
border-color: #ccc;
}
.content-header .is-horizontal .tabs__link:hover {
......@@ -69,21 +69,21 @@ a:hover,
.page-title,
.breadcrumb__item,
.breadcrumb__link {
color: #ffffff;
color: #fff;
}
.breadcrumb__link:hover,
.breadcrumb__link:focus {
color: #cccccc;
color: #ccc;
}
.breadcrumb__item + .breadcrumb__item::before {
content: "keyboard_arrow_right";
vertical-align: middle;
color: #ffffff;
color: #fff;
font-family: "Material Icons";
font-size: 12px;
font-weight: 100;
content: "keyboard_arrow_right";
-webkit-font-smoothing: antialiased;
}
......@@ -117,16 +117,16 @@ th,
.page-wrapper *:focus,
.ui-dialog *:focus {
-webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 5px #26a769;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 5px #26a769;
outline: 2px dotted transparent;
-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769;
box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769;
}
.is-horizontal .tabs--primary .tabs__link:focus,
.is-horizontal .tabs__link:focus,
.ui-dialog *:focus {
-webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 5px #26a769;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 5px #26a769;
-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769;
box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769;
}
.vertical-tabs__menu-item.is-selected a {
......@@ -138,8 +138,8 @@ th,
}
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:hover {
background: #f3f4f9;
color: #096b92;
background: #f3f4f9;
}
.vertical-tabs__menu-item.is-selected a:hover,
......@@ -149,8 +149,8 @@ th,
.dropbutton__item:first-of-type > *:focus:hover,
.dropbutton__item:first-of-type > .button:focus:hover {
-webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 5px #26a769;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 5px #26a769;
-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769;
box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769;
}
.button--primary {
......@@ -162,46 +162,46 @@ th,
}
.form-boolean--type-checkbox:checked {
background-color: #168ec4;
border-color: #168ec4;
background-color: #168ec4;
}
.form-boolean--type-checkbox:checked:hover {
background-color: #222330;
border-color: #222330;
background-color: #222330;
}
.form-boolean--type-checkbox[disabled]:checked {
border-color: #bababf;
background-color: #f2f2f3;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.7949219,7.095703 6.1816406,9.601563 12.205078,3.2753906 13.689453,4.8359375 6.1816406,12.724609 2.3105469,8.65625 Z' fill='%2382828c'/%3E%3C/svg%3E");
border-color: #bababf;
}
.form-boolean--type-radio:checked {
box-shadow: inset 0 0 0 3px #ffffff;
background: #168ec4;
border: 2px solid #168ec4;
-webkit-box-shadow: inset 0 0 0 3px #ffffff;
background: #168ec4;
-webkit-box-shadow: inset 0 0 0 3px #fff;
box-shadow: inset 0 0 0 3px #fff;
}
.form-boolean--type-radio:checked:hover {
box-shadow: inset 0 0 0 3px #ffffff;
background: #222330;
border: 2px solid #222330;
-webkit-box-shadow: inset 0 0 0 3px #ffffff;
background: #222330;
-webkit-box-shadow: inset 0 0 0 3px #fff;
box-shadow: inset 0 0 0 3px #fff;
}
.form-boolean--type-radio:checked:focus,
.form-boolean--type-radio:checked:hover:focus {
box-shadow: inset 0 0 0 4px #ffffff, 0 0 0 5px rgba(22, 142, 196, 0.5333333333);
background: #168ec4;
border: 3px #168ec4;
-webkit-box-shadow: inset 0 0 0 4px #ffffff, 0 0 0 5px rgba(22, 142, 196, 0.5333333333);
background: #168ec4;
-webkit-box-shadow: inset 0 0 0 4px #fff, 0 0 0 5px rgba(22, 142, 196, 0.5333333333);
box-shadow: inset 0 0 0 4px #fff, 0 0 0 5px rgba(22, 142, 196, 0.5333333333);
}
.claro-details__summary::before {
background: #545560;
border-color: #222330;
background: #545560;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M5.2109375,1.3144531 3.7890625,2.7226562 9.0917969,8.0761719 3.7890625,13.429688 5.2109375,14.837891 11.908203,8.0761719Z' fill='%230036B1'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M5.2109375,1.3144531 3.7890625,2.7226562 9.0917969,8.0761719 3.7890625,13.429688 5.2109375,14.837891 11.908203,8.0761719Z' fill='%230036B1'/%3E%3C/svg%3E");
}
......@@ -255,17 +255,17 @@ tr:focus {
}
.form-element:focus {
box-shadow: inset 0 0 0 0.0625rem #168ec4;
border-color: #168ec4;
outline: none;
-webkit-box-shadow: inset 0 0 0 0.0625rem #168ec4;
box-shadow: inset 0 0 0 0.0625rem #168ec4;
}
.form-element--type-select:focus {
padding-right: 1.9375rem;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath fill='none' stroke-width='1.5' d='M1 1L7 7L13 1' stroke='%23545560'/%3E%3C/svg%3E%0A");
background-position: 100% 50%;
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: 2.75rem 0.5625rem;
}
......@@ -282,11 +282,11 @@ tr:focus {
color: #d72222;
}
[open] > .claro-details__summary--accordion:not(:focus):not(:active)::after,
[open] > .claro-details__summary--accordion-item:not(:focus):not(:active)::after,
[open] > .claro-details__summary--accordion:not(:focus, :active)::after,
[open] > .claro-details__summary--accordion-item:not(:focus, :active)::after,
.collapse-processed[open] > .claro-details__summary--accordion .details-title:not(:focus)::after,
.collapse-processed[open] > .claro-details__summary--accordion-item .details-title:not(:focus)::after,
[open] > .claro-details__summary--vertical-tabs-item:not(:focus):not(:active)::after,
[open] > .claro-details__summary--vertical-tabs-item:not(:focus, :active)::after,
.collapse-processed[open] > .claro-details__summary--vertical-tabs-item .details-title:not(:focus)::after,
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before {
border-color: #168ec4;
......@@ -298,7 +298,7 @@ tr:focus {
}
.media-library-item__click-to-select-trigger img {
background: #ffffff;
background: #fff;
}
.media-library-item__attributes,
......@@ -306,7 +306,7 @@ tr:focus {
.media-library-widget .media-library-item__name a,
.media-library-view--widget .media-library-item__name a,
.media-library-add-form__selected-media .media-library-item__name a {
color: #ffffff;
color: #fff;
}
.vertical-tabs__menu-link:hover {
......
......@@ -8,9 +8,9 @@
}
.banner-title-img .page-title {
color: #168ec4;
padding-bottom: 10px;
margin: 0.5em 1.9em 0.1em 0.2em;
padding-bottom: 10px;
color: #168ec4;
}
.banner-title-img img {
......@@ -27,8 +27,8 @@
}
.button--primary {
border-radius: 0;
padding: 15px 33px;
border-radius: 0;
}
.form-type-select select:focus,
......
......@@ -5,53 +5,53 @@
}
.admin-item__link::before {
background-image: unset;
content: "keyboard_arrow_right";
color: #168ec4;
background-image: unset;
font-family: "Material Icons";
font-size: 30px;
line-height: 26px;
content: "keyboard_arrow_right";
-webkit-font-smoothing: antialiased;
}
.action-link--icon-show::before {
top: 0.26rem !important;
background-image: unset;
content: "visibility";
color: #545560;
background-image: unset;
font-family: "Material Icons";
font-size: 16px;
content: "visibility";
-webkit-font-smoothing: antialiased;
}
.action-link--icon-show:hover::before {
top: 0.26rem !important;
content: "visibility";
color: #168ec4;
font-size: 16px;
background-image: unset;
font-family: "Material Icons";
content: "visibility";
font-size: 16px;
-webkit-font-smoothing: antialiased;
background-image: unset;
top: 0.26rem !important;
}
.action-link--icon-hide::before {
top: 0.26rem !important;
content: "visibility_off";
color: #545560;
font-size: 16px;
background-image: unset;
font-family: "Material Icons";
content: "visibility_off";
font-size: 16px;
-webkit-font-smoothing: antialiased;
background-image: unset;
top: 0.26rem !important;
}
.action-link--icon-hide:hover::before {
top: 0.26rem !important;
content: "visibility_off";
color: #168ec4;
font-size: 16px;
background-image: unset;
font-family: "Material Icons";
content: "visibility_off";
font-size: 16px;
-webkit-font-smoothing: antialiased;
background-image: unset;
top: 0.26rem !important;
}
p.medium-paragraph {
......@@ -84,8 +84,8 @@ ul.dropbutton {
html,
body {
font-family: "Proxima Nova", "Open Sans", "Helvetica Neue", sans-serif;
font-style: normal;
font-weight: normal;
font-style: normal;
}
h1 {
......@@ -150,9 +150,9 @@ blockquote {
}
.field--type-comment .comment.new mark {
padding: 2px 10px;
margin-bottom: 5px;
display: inline-block;
margin-bottom: 5px;
padding: 2px 10px;
}
.acquiadam-browser-breadcrumb-container {
......@@ -168,13 +168,13 @@ blockquote {
}
.acquiadam-asset-browser .form-item {
width: 200px;
display: inline-block;
width: 200px;
vertical-align: top;
}
.acquiadam-asset-browser .acquiadam-asset-checkbox {
margin-top: 0px;
margin-top: 0;
}
.acquiadam-asset-browser .form-type--boolean {
......@@ -182,8 +182,8 @@ blockquote {
}
.acquiadam-asset-browser .form-type--boolean .form-boolean {
margin-left: 0px;
left: 21px;
margin-left: 0;
}
/* Header */
......@@ -232,55 +232,55 @@ blockquote {
}
#edit-moderation-state-wrapper .form-item {
margin: 0;
padding: 15px;
color: #222330;
border-right: 1px solid rgba(216, 217, 224, 0.8);
border-left: 1px solid rgba(216, 217, 224, 0.8);
border-radius: 2px;
background-color: #ffffff;
background-color: #fff;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
color: #222330;
font-size: 0.889rem;
font-weight: bold;
line-height: 1.125rem;
padding: 15px;
margin: 0;
}
div.scheduled-transition {
padding: 15px;
color: #222330;
border: 1px solid rgba(216, 217, 224, 0.8);
border-radius: 2px;
background-color: #ffffff;
background-color: #fff;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
color: #222330;
font-size: 0.889rem;
font-weight: bold;
line-height: 1.125rem;
padding: 15px;
}
div.scheduled-transition select {
-webkit-appearance: button;
-webkit-border-radius: 0.125rem;
border: 1px solid #8e929c;
background-color: #ffffff;
font-size: 1rem;
margin: 10px;
padding: calc(0.75rem - 1px) calc(1rem - 1px);
padding-right: calc(2rem - 1px);
border: 1px solid #8e929c;
-webkit-border-radius: 0.125rem;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath fill='none' stroke-width='1.5' d='M1 1L7 7L13 1' stroke='%23545560'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: 2.75rem 0.5625rem;
margin: 10px;
font-size: 1rem;
-webkit-appearance: button;
}
div.scheduled-transition input {
-webkit-appearance: button;
-webkit-border-radius: 0.125rem;
padding: calc(0.75rem - 1px) calc(1rem - 1px);
border: 1px solid #8e929c;
background-color: #ffffff;
-webkit-border-radius: 0.125rem;
background-color: #fff;
font-size: 1rem;
padding: calc(0.75rem - 1px) calc(1rem - 1px);
-webkit-appearance: button;
}
/* Media library */
......@@ -294,9 +294,9 @@ div.scheduled-transition input {
/* 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-tray-horizontal ul li.menu-item--expanded:hover::before {
-webkit-transform: translate(6px, 0);
transform: translate(6px, 0);
}
.toolbar #toolbar-bar .toolbar-tray .menu-item--active-trail > .toolbar-box a {
......@@ -335,23 +335,23 @@ div.scheduled-transition input {
color: #fff;
}
.toolbar .toolbar-bar .toolbar-tab .toolbar-icon-environment:before {
background-image: url(../images/acacac/env-ffffff.svg);
.toolbar .toolbar-bar .toolbar-tab .toolbar-icon-environment::before {
max-width: 55px;
background-image: url(../images/acacac/env-ffffff.svg);
}
.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);
.acquia-cms-toolbar .toolbar .toolbar-icon.toolbar-handle::before {
-webkit-transition: 0.25s;
transition: 0.25s;
background-image: url(../images/acacac/chevron-outline-disc-down.svg);
}
.acquia-cms-toolbar .toolbar .menu-item--expanded {
background-color: #ffffff;
background-color: #fff;
}
.acquia-cms-toolbar .toolbar .toolbar-tray-horizontal .menu-item + .menu-item {
......@@ -364,24 +364,24 @@ div.scheduled-transition input {
background-image: none;
}
.acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded > a:after {
.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);
content: url(../images/0084d7/chevron-right.svg);
-webkit-transition: all 0.2s;
transition: all 0.2s;
content: url(../images/0084d7/chevron-right.svg);
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
pointer-events: none;
color: #8eacc0;
font-size: 16px;
}
.acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded > a:hover:after {
.acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded > a:hover::after {
content: url(../images/0084d7/chevron-right.svg);
-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 {
......@@ -392,7 +392,7 @@ div.scheduled-transition input {
}
.acquia-cms-toolbar .toolbar-tray .toolbar-menu li {
background: #ffffff;
background: #fff;
}
[dir=rtl] .acquia-cms-toolbar .toolbar .toolbar-tray-horizontal .menu-item + .menu-item {
......@@ -405,29 +405,29 @@ div.scheduled-transition input {
background-image: none;
}
[dir=rtl] .acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:after {
[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);
transform: scaleX(-1);
-webkit-filter: fliph;
-ms-filter: "FlipH";
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;
[dir=rtl] .acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:hover::after {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
-webkit-transform-origin: 40% top;
transform-origin: 40% top;
-webkit-filter: fliph;
-ms-filter: "FlipH";
filter: fliph;
}
[dir=rtl] .acquia-cms-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded .menu-item:hover ul {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment