FIX: add mobile specific stylesheet for onebox (#23329)

discourse · Aug 31, 2023 · 2cd2d7d · 2cd2d7d
1 parent 97a812f
commit 2cd2d7d
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 4 deletions.
diff --git a/app/assets/stylesheets/common/base/onebox.scss b/app/assets/stylesheets/common/base/onebox.scss
@@ -453,7 +453,6 @@ pre.onebox code {
   }
 
   .github-icon-container {
-    position: absolute;
     display: flex;
     align-items: center;
     margin-right: 10px;
@@ -474,9 +473,6 @@ pre.onebox code {
 
   .github-info-container {
     width: 100%;
-    h4 {
-      margin: 0 0 10px 50px;
-    }
   }
 
   .github-info {

diff --git a/app/assets/stylesheets/mobile/_index.scss b/app/assets/stylesheets/mobile/_index.scss
@@ -20,6 +20,7 @@
 @import "menu-panel";
 @import "modal";
 @import "new-user";
+@import "onebox";
 @import "personal-message";
 @import "push-notifications-mobile";
 @import "reviewables";

diff --git a/app/assets/stylesheets/mobile/onebox.scss b/app/assets/stylesheets/mobile/onebox.scss
@@ -0,0 +1,13 @@
+// Onebox - Github - PR, Commit & Issue
+.onebox.githubpullrequest,
+.onebox.githubcommit,
+.onebox.githubissue {
+  .github-icon-container {
+    position: absolute;
+  }
+  .github-info-container {
+    h4 {
+      margin: 0 0 10px 50px;
+    }
+  }
+}