UX: fix positioning of back button on progress bar (#12847)

2021-04-27 14:24:04 -04:00 · 2021-04-27 14:24:04 -04:00 · b6aacc4c2d
parent 7a3f2eb3fd
commit b6aacc4c2d
2 changed files with 5 additions and 1 deletions
--- 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;
  }
--- 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