From d072e2c1469d8f1a4f313eb22cdf5c9af06de1a0 Mon Sep 17 00:00:00 2001 From: Pablo Vazquez Date: Thu, 7 Jul 2022 12:19:00 +0200 Subject: [PATCH] UI: Style transition arrow tweaks * Replace font-size with transform and inline-block display, this way the arrow scales without making the line taller (which leads to misalignments or jumpy UI when switching between transitional statuses. * Do not use accent color, it gets lost with the surrounding colors in status names. If we need to make this transition more prominent, we can use a subtle animation. --- web/app/src/assets/base.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/web/app/src/assets/base.css b/web/app/src/assets/base.css index ed9361eb..501a9bf7 100644 --- a/web/app/src/assets/base.css +++ b/web/app/src/assets/base.css @@ -465,9 +465,9 @@ footer.window-footer { } span.state-transition-arrow { + display: inline-block; font-weight: bold; - font-size: 110%; - color: var(--color-accent); + transform: scale(1.4); } span.state-transition-arrow.lazy { color: var(--color-text-muted);