Unset width for sorting methods on mobile

discourse · Sep 7, 2023 · da47b5d · da47b5d
1 parent 596733a
commit da47b5d
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/assets/stylesheets/common/post-voting.scss b/assets/stylesheets/common/post-voting.scss
@@ -22,9 +22,6 @@
 }
 
 .post-voting-answers-header {
-  width: calc(
-    var(--topic-body-width) + var(--topic-body-width-padding) * 2 + 45px
-  );
   box-sizing: border-box;
   display: flex;
   flex-direction: row;

diff --git a/assets/stylesheets/desktop/post-voting.scss b/assets/stylesheets/desktop/post-voting.scss
@@ -0,0 +1,5 @@
+.post-voting-answers-header {
+  width: calc(
+    var(--topic-body-width) + var(--topic-body-width-padding) * 2 + 45px
+  );
+}
diff --git a/assets/stylesheets/mobile/post-voting.scss b/assets/stylesheets/mobile/post-voting.scss
@@ -1,6 +1,7 @@
 .post-voting-topic,
 .post-voting-topic-sort-by-activity {
   .post-voting-answers-header {
+    width: unset;
     padding: 0;
     padding-bottom: 1em;
     border-top: none;

diff --git a/plugin.rb b/plugin.rb
@@ -7,7 +7,9 @@
 # url: https://github.com/discourse/discourse-post-voting
 # transpile_js: true
 
-%i[common mobile].each { |type| register_asset "stylesheets/#{type}/post-voting.scss", type }
+%i[common mobile desktop].each do |type|
+  register_asset "stylesheets/#{type}/post-voting.scss", type
+end
 register_asset "stylesheets/common/post-voting-crawler.scss"
 
 enabled_site_setting :post_voting_enabled