From 4e6a646a9f08abb7f30abf3343517dc75e22f064 Mon Sep 17 00:00:00 2001 From: JeremyCaney Date: Wed, 30 Sep 2020 16:51:32 -0700 Subject: [PATCH] Reduced the `z-index` of the `topic-info` When applying the `sticky-top` extension, it inherited a `z-index` of 1020. This meant the topic information box shows up over the version history dropdown box. Oops. Oddly, however, simply updating the version history to use a higher `z-index` doesn't solve the problem. In fact, the only way I could resolve it was by _lowering_ the z-index of the `topic-info` class. It's not entirely clear why `sticky-top` comes with such a high `z-index`, nor why it can't be superceded by a higher `z-index`. But, ultimately, it doesn't really matter as we don't need or want the `z-index` on the topic info box to be high, so moving this down to a baseline value of `10` is just fine for now. --- OnTopic.Editor.AspNetCore/Shared/Styles/Base/_callouts.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/OnTopic.Editor.AspNetCore/Shared/Styles/Base/_callouts.scss b/OnTopic.Editor.AspNetCore/Shared/Styles/Base/_callouts.scss index 085db3f7..c3d66b62 100644 --- a/OnTopic.Editor.AspNetCore/Shared/Styles/Base/_callouts.scss +++ b/OnTopic.Editor.AspNetCore/Shared/Styles/Base/_callouts.scss @@ -24,6 +24,7 @@ &.topic-info { @extend .sticky-top; top : 136px+15px; + z-index : 10; border : 1px solid $grey-lighter; padding : 15px; width : 100%;