Fix responsive design mode toolbar corners

Adds support for the responsive design mode toolbar with the rounded corners tweak.
bmFtZQ · Apr 18, 2024 · b1146cf · b1146cf
1 parent d7cce43
commit b1146cf
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/chrome/global/browser.css b/chrome/global/browser.css
@@ -113,6 +113,17 @@
     }
   }
 
+  .browserContainer.responsive-mode {
+    background-color: transparent !important;
+
+    & .rdm-toolbar {
+      margin-inline: var(--uc-tweak-rounded-corners-padding) !important;
+      border-top-left-radius: var(--uc-tweak-rounded-corners-radius) !important;
+      border-top-right-radius: var(--uc-tweak-rounded-corners-radius) !important;
+      width: calc(100% - var(--uc-tweak-rounded-corners-padding) * 2) !important;
+    }
+  }
+
   /* Prevent status panel corners and shadow from appearing outside the browser. */
   #statuspanel {
     overflow: hidden;