Commit abdd919d authored by Shyam Bhatt's avatar Shyam Bhatt Committed by Sascha Eggenberger
Browse files

Issue #3366224 by Shyam_Bhatt: Vertical alignment issue between label and help icon

parent 3826e4e6

dist/css/components/description_toggle.css

+3 −3
Original line number Diff line number Diff line
@@ -11,11 +11,11 @@ 
}



[dir="ltr"] .help-icon__description-toggle {

  margin: .3rem var(--gin-spacing-m) 0 .3rem;

  margin: .1rem var(--gin-spacing-m) 0 .3rem;

}



[dir="rtl"] .help-icon__description-toggle {

  margin: .3rem .3rem 0 var(--gin-spacing-m);

  margin: .1rem .3rem 0 var(--gin-spacing-m);

}



.help-icon__description-toggle:before {
@@ -83,7 +83,7 @@ 
.field-group-fieldset > .help-icon > .help-icon__description-toggle,

fieldset.media-library-widget .help-icon > .help-icon__description-toggle,

.field--type-datetime fieldset .help-icon > .help-icon__description-toggle {

  margin-top: 1.3rem;

  margin-top: 1rem;

}



[dir="ltr"] .field-group-fieldset > .fieldset__description,

styles/components/description_toggle.scss

+2 −2
Original line number Diff line number Diff line
@@ -7,7 +7,7 @@ 
.help-icon__description-toggle {

  all: unset;

  flex-shrink: 0;

  margin: .3rem var(--gin-spacing-m) 0 .3rem;

  margin: .1rem var(--gin-spacing-m) 0 .3rem;

  height: 16px;

  width: 16px;

  border-radius: 50%;
@@ -72,7 +72,7 @@ fieldset.media-library-widget, 
.field--type-datetime fieldset {

  .help-icon {

    > .help-icon__description-toggle {

      margin-top: 1.3rem;

      margin-top: 1rem;

    }

  }