From 8ffcd5469786ab1e6806e190a9b1a732a8aba0fc Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 7 Jul 2022 10:38:33 +0900 Subject: [PATCH] Fix: Centered Label - overflowing and unwinding Always include `padding-inline-end` at label self. It's prevent recalculation. --- css/leptonChrome.css | 5 +++-- src/tabbar/_centered_label.scss | 4 ++-- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index cb5c5b7..8e0c925 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -5182,8 +5182,9 @@ #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected]):not(:hover, [pinned]) - .tab-label-container:not([textoverflow]) { - margin-inline-end: 19px; + .tab-label-container + label { + padding-inline-end: 19px; } } } diff --git a/src/tabbar/_centered_label.scss b/src/tabbar/_centered_label.scss index c7ebae4..6537d2f 100644 --- a/src/tabbar/_centered_label.scss +++ b/src/tabbar/_centered_label.scss @@ -18,7 +18,7 @@ #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not(:hover,[pinned]) .tab-label-container:not([textoverflow]) { margin-inline-end: 1px; } - #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected]):not(:hover, [pinned]) .tab-label-container:not([textoverflow]) { - margin-inline-end: 19px; + #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected]):not(:hover, [pinned]) .tab-label-container label { + padding-inline-end: 19px; } }