From 79cec319899af59afc4f5e9455e981903e4b3ab7 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Thu, 8 Sep 2022 12:47:11 +0200
Subject: [PATCH] Fix label of button overlaps outside its container if it gets
 squeezed enough

---
 api/js/etemplate/Et2Button/ButtonMixin.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/api/js/etemplate/Et2Button/ButtonMixin.ts b/api/js/etemplate/Et2Button/ButtonMixin.ts
index 12558f0796..41aeae6c09 100644
--- a/api/js/etemplate/Et2Button/ButtonMixin.ts
+++ b/api/js/etemplate/Et2Button/ButtonMixin.ts
@@ -94,6 +94,8 @@ export const ButtonMixin = <T extends Constructor>(superclass : T) => class exte
 				padding: 0 var(--sl-spacing-medium);
 			}
 			.button__label {
+				text-overflow: ellipsis;
+    			overflow-x: hidden;
 			}
 			.button__prefix {
 				padding-left: 1px;