From c8c7c08a95589c2b77784948aca8fbce1f3d7fae Mon Sep 17 00:00:00 2001
From: Lauri Eskola <lauri.eskola@acquia.com>
Date: Tue, 11 Jul 2023 11:58:41 +0300
Subject: [PATCH] Issue #3362590 by Santosh_Verma, lauriii, Gauravvvv,
Harish1688, amietpatial, smustgrave: There is a noticeable white border on
the right side of "Place Block" button
(cherry picked from commit abd27c4c99153d82cf66eac66e3698438f619fab)
---
core/themes/claro/css/components/dropbutton.css | 5 +----
core/themes/claro/css/components/dropbutton.pcss.css | 5 +----
2 files changed, 2 insertions(+), 8 deletions(-)
diff --git a/core/themes/claro/css/components/dropbutton.css b/core/themes/claro/css/components/dropbutton.css
index b6f51aa7430b..ce66d4727f27 100644
--- a/core/themes/claro/css/components/dropbutton.css
+++ b/core/themes/claro/css/components/dropbutton.css
@@ -87,10 +87,6 @@
background-color: var(--button-bg-color);
}
-.dropbutton-action {
- border-inline-end: var(--dropbutton-border-size) solid white;
-}
-
/* Variants. */
.dropbutton--small {
@@ -140,6 +136,7 @@
.dropbutton__toggle {
border: var(--dropbutton-border-size) solid transparent !important;
+ border-inline-start: var(--dropbutton-border-size) solid white !important;
}
.dropbutton__toggle {
diff --git a/core/themes/claro/css/components/dropbutton.pcss.css b/core/themes/claro/css/components/dropbutton.pcss.css
index f719998be206..31ec03f14d93 100644
--- a/core/themes/claro/css/components/dropbutton.pcss.css
+++ b/core/themes/claro/css/components/dropbutton.pcss.css
@@ -77,10 +77,6 @@
background-color: var(--button-bg-color);
}
-.dropbutton-action {
- border-inline-end: var(--dropbutton-border-size) solid white;
-}
-
/* Variants. */
.dropbutton--small {
height: var(--dropbutton-small-toggle-size);
@@ -130,6 +126,7 @@
width: var(--dropbutton-toggle-size);
height: var(--dropbutton-toggle-size);
border: var(--dropbutton-border-size) solid transparent !important; /* 1 */
+ border-inline-start: var(--dropbutton-border-size) solid white !important;
border-radius: 0 var(--button-border-radius-size) var(--button-border-radius-size) 0; /* LTR */
background: var(--button-bg-color);
font-size: 1px; /* iOS Safari sets a minimum button-width based on font-size. */
--
GitLab