Verified Commit 4172f231 authored by Lee Rowlands's avatar Lee Rowlands
Browse files

Issue #3316627 by bnjmnm, Gauravvvv, Sakthivel M, Akshay kashyap, Asha Nair,... 

Issue #3316627 by bnjmnm, Gauravvvv, Sakthivel M, Akshay kashyap, Asha Nair, joachim, smustgrave: dropbuttons get weird white line when font size is changed and at at various zoom settings

(cherry picked from commit 58f00eff)
parent c18a6766

core/themes/claro/css/components/dropbutton.css

+9 −0
Original line number Diff line number Diff line
@@ -66,6 +66,15 @@ 
  height: 3rem;

}



.js .dropbutton-widget {

  border-radius: var(--button-border-radius-size);

  background-color: var(--button-bg-color);

}



.js .dropbutton-action {

  border-inline-end: var(--dropbutton-border-size) solid white;

}



/* Variants. */



.js.no-touchevents .dropbutton--small {

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

+9 −0
Original line number Diff line number Diff line
@@ -74,6 +74,15 @@ 
  height: var(--dropbutton-toggle-size);

}



.js .dropbutton-widget {

  border-radius: var(--button-border-radius-size);

  background-color: var(--button-bg-color);

}



.js .dropbutton-action {

  border-inline-end: var(--dropbutton-border-size) solid white;

}



/* Variants. */

.js.no-touchevents .dropbutton--small {

  height: var(--dropbutton-small-toggle-size);