Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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

merge-requests/3777/head
Lee Rowlands 2023-04-04 10:00:58 +10:00
parent afb24c3d83
commit a0280e6470
No known key found for this signature in database
GPG Key ID: 2B829A3DF9204DC4
2 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
core/themes/claro/css/components/dropbutton.css
View File

@ -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 {

9
core/themes/claro/css/components/dropbutton.pcss.css
View File

@ -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);