Unverified Commit f8818603 authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3202493 by jenniferaube, vsujeetkumar, Sakthivel M, bnjmnm,... 

Issue #3202493 by jenniferaube, vsujeetkumar, Sakthivel M, bnjmnm, manojithape, mgifford, guilhermevp, Gauravmahlawat, lauriii, zrpnr, mradcliffe: Claro is missing focus in "Available buttons" within CKEditor toolbar configuration
parent 3066423e

core/themes/claro/claro.info.yml

+2 −0
Changes for core/themes/claro/claro.info.yml: 2 added lines, 0 removed lines.
Original line number Diff line number Diff line
@@ -115,6 +115,8 @@ libraries-override: 
libraries-extend:

  ckeditor/drupal.ckeditor:

    - claro/ckeditor-editor

  ckeditor/drupal.ckeditor.admin:

    - claro/ckeditor-admin

  core/ckeditor:

    - claro/ckeditor-dialog

  core/drupal.collapse:

core/themes/claro/claro.libraries.yml

+6 −0
Changes for core/themes/claro/claro.libraries.yml: 6 added lines, 0 removed lines.
Original line number Diff line number Diff line
@@ -144,6 +144,12 @@ claro.tabledrag: 
  js:

    js/tabledrag.js: {}



ckeditor-admin:

  version: VERSION

  css:

    theme:

      css/theme/ckeditor.admin.css: {}



ckeditor-dialog:

  version: VERSION

  css:

core/themes/claro/css/theme/ckeditor.admin.css

0 → 100644
+23 −0
Changes for core/themes/claro/css/theme/ckeditor.admin.css: 23 added lines, 0 removed lines.
Original line number Diff line number Diff line 
/*

 * DO NOT EDIT THIS FILE.

 * See the following change record for more information,

 * https://www.drupal.org/node/3084859

 * @preserve

 */



/**

 * @file

 * Claro specific styling for CKEditor admin.

 */



/*

 * This rule is needed to provide Claro's green focus outline. There is a style

 * in the CKEditor module CSS that adds a box-shadow at a higher specificity

 * than Claro's focus outline styling. This is added at one higher degree of

 * specificity.

 * @see core/modules/ckeditor/css/ckeditor.admin.css

 */



.ckeditor-toolbar-disabled .ckeditor-buttons li a:focus {

  box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769;

}

core/themes/claro/css/theme/ckeditor.admin.pcss.css

0 → 100644
+17 −0
Changes for core/themes/claro/css/theme/ckeditor.admin.pcss.css: 17 added lines, 0 removed lines.
Original line number Diff line number Diff line 
/**

 * @file

 * Claro specific styling for CKEditor admin.

 */



@import "../base/variables.pcss.css";



/*

 * This rule is needed to provide Claro's green focus outline. There is a style

 * in the CKEditor module CSS that adds a box-shadow at a higher specificity

 * than Claro's focus outline styling. This is added at one higher degree of

 * specificity.

 * @see core/modules/ckeditor/css/ckeditor.admin.css

 */

.ckeditor-toolbar-disabled .ckeditor-buttons li a:focus {

  box-shadow: var(--focus-box-shadow);

}