From 201238ccd85a6bc5a3c8ce21a30d866609066b39 Mon Sep 17 00:00:00 2001 From: csalinezh <69380409+csalinezh@users.noreply.github.com> Date: Thu, 14 Nov 2024 02:42:19 +0200 Subject: [PATCH] fix: keep arrow button icon inside its parent (#186) If the parent element sets "text-align: center", "position: absolute" leads to weird offset issue due to "left: auto" calculation rules. Specifically the rule 2 for "static position" in Chapter 10 of CSS 2: https://www.w3.org/TR/CSS2/visudet.html#static-position It's not necessary for these pseudo-elements to be positioned, hence the simplification. --- modules/ext.tabberNeue/ext.tabberNeue.less | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/modules/ext.tabberNeue/ext.tabberNeue.less b/modules/ext.tabberNeue/ext.tabberNeue.less index b7fbfd6..243ef34 100644 --- a/modules/ext.tabberNeue/ext.tabberNeue.less +++ b/modules/ext.tabberNeue/ext.tabberNeue.less @@ -72,10 +72,9 @@ cursor: pointer; &::after { - position: absolute; - top: 0; - bottom: 0; + display: block; width: inherit; + height: 100%; background-position: center; background-repeat: no-repeat; background-size: 14px;