Verified Commit a0280e64 authored by Lee Rowlands's avatar Lee Rowlands
Browse files

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

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

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

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

}



.js .dropbutton-widget {

  border-radius: 2px;

  background-color: #d3d4d9;

}



[dir="ltr"] .js .dropbutton-action {

  border-right: 1px solid white;

}



[dir="rtl"] .js .dropbutton-action {

  border-left: 1px 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);