From b6aacc4c2d7e311efd2dd2439961521ddcfc2646 Mon Sep 17 00:00:00 2001 From: Kris Date: Tue, 27 Apr 2021 14:24:04 -0400 Subject: [PATCH] UX: fix positioning of back button on progress bar (#12847) --- app/assets/stylesheets/common/base/topic.scss | 2 +- app/assets/stylesheets/mobile/topic.scss | 4 ++++ 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/app/assets/stylesheets/common/base/topic.scss b/app/assets/stylesheets/common/base/topic.scss index 463b90b60fb..b56d49d6a3c 100644 --- a/app/assets/stylesheets/common/base/topic.scss +++ b/app/assets/stylesheets/common/base/topic.scss @@ -84,7 +84,7 @@ margin-bottom: 0px; position: absolute; right: 0; - top: -2em; + top: -120%; // above parent container + some extra space .btn { margin: 0; } diff --git a/app/assets/stylesheets/mobile/topic.scss b/app/assets/stylesheets/mobile/topic.scss index ce0878dfe99..5f3f45171dd 100644 --- a/app/assets/stylesheets/mobile/topic.scss +++ b/app/assets/stylesheets/mobile/topic.scss @@ -28,6 +28,10 @@ } } +.progress-back-container { + top: -100%; // above parent container + some extra space +} + #topic-progress-wrapper { position: fixed; right: 10px; // match 10px padding on .wrap