Commit be21de7f authored by Jess's avatar Jess
Browse files

Issue #3097540 by imganesh, boulaffasae, antoineh, sauravk, KondratievaS,... 

Issue #3097540 by imganesh, boulaffasae, antoineh, sauravk, KondratievaS, atul4drupal, lauriii, Neetika K, Devipriya Rajamanickam: The 'M' of Machine name overlaps with the green border around text box

(cherry picked from commit aaed374b)
parent f1f335a7

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

+13 −0
Original line number Diff line number Diff line
@@ -185,6 +185,19 @@ tr .form-item, 
  color: #82828c;

}



/* Add some spacing so that the focus ring and suffix don't overlap. */



@media screen and (min-width: 601px) {

  .form-item__suffix {

    margin-left: 0.5rem; /* LTR */

  }



  [dir="rtl"] .form-item__suffix {

    margin-right: 0.5rem;

    margin-left: 0;

  }

}



/**

 * Form actions.

 */

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

+12 −0
Original line number Diff line number Diff line
@@ -114,6 +114,18 @@ tr .form-item, 
  color: var(--input--disabled-fg-color);

}



/* Add some spacing so that the focus ring and suffix don't overlap. */

@media screen and (min-width: 601px) {

  .form-item__suffix {

    margin-left: var(--space-xs); /* LTR */

  }



  [dir="rtl"] .form-item__suffix {

    margin-right: var(--space-xs);

    margin-left: 0;

  }

}



/**

 * Form actions.

 */