From d42b95a9c0ce5a6304906e7054200ae085b16700 Mon Sep 17 00:00:00 2001 From: toasted-nutbread Date: Sat, 19 Dec 2020 15:57:20 -0500 Subject: Disable indicator transitions when not in use (#1136) --- ext/mixed/css/display.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) (limited to 'ext/mixed') diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css index a18724cc..e6e3bccb 100644 --- a/ext/mixed/css/display.css +++ b/ext/mixed/css/display.css @@ -720,8 +720,7 @@ button.action-button { height: 0; top: 0; background-color: var(--entry-current-indicator-color); - transition: - height var(--entry-current-indicator-transition-duration) linear; + transition: none; } .entry.entry-current .entry-current-indicator-inner { height: var(--entry-current-indicator-width); @@ -736,11 +735,14 @@ button.action-button { :root[data-popup-current-indicator-mode=dot-right] .entry-current-indicator-inner { display: block; position: sticky; + transition: + height var(--entry-current-indicator-transition-duration) linear; } :root[data-popup-current-indicator-mode=none] .entry-current-indicator, :root[data-popup-current-indicator-mode=asterisk] .entry-current-indicator, :root[data-popup-current-indicator-mode=triangle] .entry-current-indicator { display: none; + transition: none; } @@ -788,6 +790,7 @@ button.action-button { .term-expression:not(:first-of-type) .term-expression-current-indicator, :root:not([data-popup-current-indicator-mode=triangle]) .term-expression-current-indicator { display: none; + transition: none; } -- cgit v1.2.3