From 5678bae39e08a818aed156746e0d4d14a1ff4fbf Mon Sep 17 00:00:00 2001 From: Sandra Lokshina Date: Tue, 9 Apr 2019 09:44:36 -0700 Subject: [PATCH] Stop text displayer from interfering with controls' work. Position the text container (for the custom text displayer) 'behind' the controls, so it doesn't block other elements. Closes #1874 Closes #1873 Change-Id: I630e447d2c04a3e139a80eb4c646ac195a56bec5 --- ui/less/buttons.less | 3 --- ui/less/containers.less | 4 ++++ 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/ui/less/buttons.less b/ui/less/buttons.less index 6fa160b7c0..61f81ad0a6 100644 --- a/ui/less/buttons.less +++ b/ui/less/buttons.less @@ -60,9 +60,6 @@ /* A background color behind the play arrow. */ background-color: rgba(255, 255, 255, .9); - /* Overlay the captions */ - z-index: 1; - /* Actual icon images for the two states this could be in. * These will be inlined as data URIs when compiled, and so do not need to be * deployed separately from the compiled CSS. diff --git a/ui/less/containers.less b/ui/less/containers.less index 064544c6d0..79d84f0a28 100644 --- a/ui/less/containers.less +++ b/ui/less/containers.less @@ -188,6 +188,10 @@ width: 100%; min-width: 48px; + /* Position the text container "behind" the overlapping controls + * elements, so it doesn't interfere with their work. */ + z-index: -1; + /* Set the captions in the middle horizontally by default. */ display: flex; justify-content: center;