Unverified Commit 7e04d241 authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3078524 by huzooka, kostyashupenko, thalles, katrienc, pranav45,... 

Issue #3078524 by huzooka, kostyashupenko, thalles, katrienc, pranav45, neelam_wadhwani, prabha1997, ckrina, emma.maria, Maithri Shetty, Meenakshi.g, pminf, shimpy, fhaeberle, KondratievaS, Vinodhini.E, lauriii, cedric_a, bnjmnm, mradcliffe, DyanneNova, katannshaw: Focus styling of WYSIWYG field inputs should be consistent with other inputs
parent 2989dd00

core/themes/claro/css/base/elements.css

+14 −2
Changes for core/themes/claro/css/base/elements.css: 14 added lines, 2 removed lines.
Original line number Diff line number Diff line
@@ -310,6 +310,18 @@ img { 


.page-wrapper *:focus,

.ui-dialog *:focus {

  outline: 2px dotted transparent;

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

  outline: 2px

dotted

transparent;

  box-shadow: 0

0

0

2px

#fff

,

0

0

0

5px

#26a769;

}

core/themes/claro/css/base/elements.pcss.css

+2 −2
Changes for core/themes/claro/css/base/elements.pcss.css: 2 added lines, 2 removed lines.
Original line number Diff line number Diff line
@@ -208,6 +208,6 @@ img { 
 */

.page-wrapper *:focus,

.ui-dialog *:focus {

  outline: 2px dotted transparent;

  box-shadow: 0 0 0 2px var(--color-white), 0 0 0 5px var(--color-focus);

  outline: var(--focus-outline);

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

}

core/themes/claro/css/base/variables.pcss.css

+3 −0
Changes for core/themes/claro/css/base/variables.pcss.css: 3 added lines, 0 removed lines.
Original line number Diff line number Diff line
@@ -73,7 +73,10 @@ 
  --transition: all var(--speed-transition) ease-out;

  --base-border-radius: 2px;

  --focus-border-size: 3px;

  --focus-border-offset-size: 2px;

  --outline-size: 2px;

  --focus-outline: var(--outline-size) dotted transparent;

  --focus-box-shadow: 0 0 0 var(--focus-border-offset-size) var(--color-white), 0 0 0 calc(var(--focus-border-size) + var(--focus-border-offset-size)) var(--color-focus);

  /*

   * Inputs.

   */

core/themes/claro/css/components/form--text.css

+0 −1
Changes for core/themes/claro/css/components/form--text.css: 0 added lines, 1 removed line.
Original line number Diff line number Diff line
@@ -183,7 +183,6 @@ _:-ms-fullscreen, 
}



.form-element[disabled] {

  -webkit-opacity: 1;

  color: #82828c;

  border-color: #bababf;

  background-color: #f2f2f3;

core/themes/claro/css/components/form--text.pcss.css

+0 −1
Changes for core/themes/claro/css/components/form--text.pcss.css: 0 added lines, 1 removed line.
Original line number Diff line number Diff line
@@ -114,7 +114,6 @@ _:-ms-fullscreen, 
}



.form-element[disabled] {

  -webkit-opacity: 1;

  color: var(--input--disabled-fg-color);

  border-color: var(--input--disabled-border-color);

  background-color: var(--input--disabled-bg-color);