Merge pull request #1874 from codidact/0valt/sidebar

Author: ArtOfCode-

app/assets/stylesheets/application.scss

@@ -287,6 +287,16 @@ mjx-container {
     overflow-y: hidden;
 }
 
+code,
+kbd {
+  padding: {
+    top: 0.1em;
+    bottom: 0.1em;
+    left: 0.25em;
+    right: 0.25em;
+  };
+}
+
 kbd {
   border: {
     color: $muted-graphic;
@@ -302,10 +312,4 @@ kbd {
     left: 0.15em;
     right: 0.15em;
   };
-  padding: {
-    top: 0.1em;
-    bottom: 0.1em;
-    left: 0.25em;
-    right: 0.25em;
-  };
 }

app/assets/stylesheets/posts.scss

@@ -64,6 +64,14 @@ h1 .badge.is-tag.is-master-tag {
   }
 }
 
+.post-widget--title {
+  line-height: 1.5em;
+
+  del {
+    background-color: transparent;
+  }
+}
+
 .post-list--content {
   font-size: 14px;
   width: 100%;

app/views/layouts/_sidebar.html.erb

@@ -75,32 +75,7 @@
       <% end %>
     <% end %>
 
-    <%# Hot Posts widget %>
-    <% if Rails.env.development? || @hot_questions.to_a.size > 0 %>
-      <% collapse_hot = user_preference('collapse_hot_posts') == 'true' %>
-      <% cache @hot_questions do %>
-        <div class="widget has-margin-4 is-tertiary" data-collapsed="<%= user_preference('collapse_hot_posts') %>">
-          <div class="widget--header">
-            Hot Posts
-            <button type="button" class="widget--header-link button is-icon-only-button js-widget-hide"
-                    aria-label="Collapse Hot Posts">
-              <i class="fas <%= collapse_hot ? 'fa-chevron-down' : 'fa-chevron-up' %>"></i>
-            </button>
-          </div>
-          <% @hot_questions.each do |hq| %>
-            <div class="widget--body <%= 'hidden' if collapse_hot %>">
-              <% unless hq.category.nil? %>
-                <%= hq.category.name %>
-                &mdash;
-              <% end %>
-              <%= link_to generic_share_link(hq) do %>
-                <%= hq.title %>
-              <% end %>
-            </div>
-          <% end %>
-        </div>
-      <% end %>
-    <% end %>
+    <%= render 'shared/hot_posts', posts: @hot_questions %>
   <% end %>
 
   <% if Rails.env.development? || rand(100) <= 10 %>

app/views/shared/_hot_posts.html.erb

@@ -0,0 +1,34 @@
+<%#
+   "Render s a Hot Posts widget
+
+    Variables:
+      posts : ActiveRecord::Relation<Post> to list in the widget
+"%>
+
+<% if Rails.env.development? || posts.to_a.size > 0 %>
+  <% collapse_hot = user_preference('collapse_hot_posts') == 'true' %>
+  <% cache posts do %>
+    <div class="widget has-margin-4 is-tertiary"
+         data-collapsed="<%= user_preference('collapse_hot_posts') %>">
+      <div class="widget--header">
+        Hot Posts
+        <button type="button"
+                class="widget--header-link button is-icon-only-button js-widget-hide"
+                aria-label="Collapse Hot Posts">
+          <i class="fas <%= collapse_hot ? 'fa-chevron-down' : 'fa-chevron-up' %>"></i>
+        </button>
+      </div>
+      <% posts.each do |post| %>
+        <div class="widget--body <%= 'hidden' if collapse_hot %>">
+          <% unless post.category.nil? %>
+            <%= post.category.name %>
+            &mdash;
+          <% end %>
+          <%= link_to generic_share_link(post), class: 'post-widget--title' do %>
+            <%= rendered_title(post) %>
+          <% end %>
+        </div>
+      <% end %>
+    </div>
+  <% end %>
+<% end %>