From e073f4e5a684d9cee1f37b7e5436e59bd43199a3 Mon Sep 17 00:00:00 2001
From: Jordan Vidrine <30537603+jordanvidrine@users.noreply.github.com>
Date: Tue, 21 Nov 2023 09:15:20 -0600
Subject: [PATCH] UX: Adjust topic progress wrapper border radius (#24470)

---
 app/assets/stylesheets/common/base/topic.scss | 17 +++++++++++++++++
 app/assets/stylesheets/mobile/topic.scss      | 11 -----------
 2 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/app/assets/stylesheets/common/base/topic.scss b/app/assets/stylesheets/common/base/topic.scss
index 32439173cd8..2f20aa7a0ea 100644
--- a/app/assets/stylesheets/common/base/topic.scss
+++ b/app/assets/stylesheets/common/base/topic.scss
@@ -101,6 +101,23 @@ $topic-progress-height: 42px;
       position: relative;
     }
   }
+  #topic-progress-wrapper {
+    .topic-admin-menu-button .toggle-admin-menu {
+      border-top-right-radius: 0;
+      border-bottom-left-radius: var(--d-border-radius);
+      border-bottom-right-radius: 0;
+    }
+    #topic-progress {
+      border-radius: var(--d-border-radius);
+      overflow: hidden;
+    }
+    .topic-admin-menu-button-container + #topic-progress {
+      border-top-left-radius: 0;
+      border-top-right-radius: var(--d-border-radius);
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: var(--d-border-radius);
+    }
+  }
 }
 
 .progress-back-container {
diff --git a/app/assets/stylesheets/mobile/topic.scss b/app/assets/stylesheets/mobile/topic.scss
index b3b9f1ff797..1ed8b5c2389 100644
--- a/app/assets/stylesheets/mobile/topic.scss
+++ b/app/assets/stylesheets/mobile/topic.scss
@@ -72,17 +72,6 @@
   }
 }
 
-#topic-progress-wrapper {
-  .topic-admin-menu-button .toggle-admin-menu {
-    border-top-right-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-  #topic-progress {
-    border-top-right-radius: var(--d-border-radius);
-    border-top-left-radius: var(--d-border-radius);
-  }
-}
-
 .topic-error {
   padding: 18px;
   width: 90%;