From 50d3f469344115658a328d59dd38b6f98074dd89 Mon Sep 17 00:00:00 2001 From: Leonard Kim Date: Wed, 2 Jan 2019 09:22:47 -0800 Subject: [PATCH] fix(thumbnail): re-override atlaskit theme for top toolbar A CSS override prevents atlaskit theme from setting a dark background on the top toolbar. With the upgrade of the theme package the CSS class names changed. --- css/_atlaskit_overrides.scss | 8 ++++++++ css/_videolayout_default.scss | 9 --------- 2 files changed, 8 insertions(+), 9 deletions(-) diff --git a/css/_atlaskit_overrides.scss b/css/_atlaskit_overrides.scss index 087f0420e..ddf52fb65 100644 --- a/css/_atlaskit_overrides.scss +++ b/css/_atlaskit_overrides.scss @@ -28,3 +28,11 @@ border: 1px solid #455166; } } + +/** + * Override @atlaskit/theme styling for the top toolbar so it displays over + * the video thumbnail while obscuring as little as possible. + */ +.videocontainer .tOoji { + background: none; +} diff --git a/css/_videolayout_default.scss b/css/_videolayout_default.scss index e3ee1818e..3864ebba4 100644 --- a/css/_videolayout_default.scss +++ b/css/_videolayout_default.scss @@ -80,15 +80,6 @@ float: left; pointer-events: all; } - - /** - * Need to overwrite the background for the top toolbar dark theme div - * wrapper needed before we're able to move all top toolbar indicators - * creation to react. - */ - .sc-ifAKCX { - background: none; - } } &__toolbar {