Move inline CSS into our overrides scss

2 years ago · ded251fffc
2 changed files with 10 additions and 1 deletions
--- a/app/javascript/styles/hometown.scss
+++ b/app/javascript/styles/hometown.scss
@ -43,3 +43,12 @@
 .dismissable-banner:has([href='/explore']) {
  display: none;
 }
+
+// app/views/statuses/_simple_status.html.haml
+// Set width and height for the local-only indicator
+.status__action-bar-button.icon-button:has(.fw.fa-chain-broken) {
+  font-size: 18px;
+  width: 23.1429px;
+  height: 23.1429px;
+  line-height: 23.15px;
+}
--- a/app/views/statuses/_simple_status.html.haml
+++ b/app/views/statuses/_simple_status.html.haml
@ -69,5 +69,5 @@
    %span.status__action-bar-button.icon-button
      = fa_icon 'star fw'
    - if status.local_only
-      %span.status__action-bar-button.icon-button.disabled{style: 'font-size: 18px; width: 23.1429px; height: 23.1429px; line-height: 23.15px;'}<
+      %span.status__action-bar-button.icon-button.disabled
        = fa_icon 'chain-broken fw', 'title': t('statuses.local_only')