Update homepage, Work in progress

pradoslaw · Oct 18, 2024 · 66ba499 · 66ba499
1 parent 54229d9
commit 66ba499
Show file tree

Hide file tree

Showing 10 changed files with 304 additions and 244 deletions.
diff --git a/app/Domain/Icon/FontAwesomeFree.php b/app/Domain/Icon/FontAwesomeFree.php
@@ -29,9 +29,6 @@ public function icons(): array
             'loginGithub'                               => 'fab fa-github',
 
             // homepage
-            'microblogsPopular'                         => 'far fa-comments',
-            'reputationRanking'                         => 'fas fa-star',
-            'forumNews'                                 => 'fas fa-star',
             'viewersOnlineLocal'                        => 'fas fa-eye',
             'viewersOnlineGlobal'                       => 'fas fa-users',
             'homepageActivityMicroblog'                 => 'far fa-person',

diff --git a/app/Services/Session/Renderer.php b/app/Services/Session/Renderer.php
@@ -1,7 +1,7 @@
 <?php
 namespace Coyote\Services\Session;
 
-use Coyote\Domain\Online\SessionRepository;
+use Coyote\Domain\Online\FakeSessionRepository;
 use Coyote\Domain\Online\Viewers;
 use Coyote\Domain\Online\ViewersStore;
 use Coyote\Domain\Spacer;
@@ -13,9 +13,9 @@ class Renderer
     private Spacer $spacer;
 
     public function __construct(
-        private SessionRepository $session,
-        private ViewersStore      $store,
-        private Request           $request,
+        private FakeSessionRepository $session,
+        private ViewersStore          $store,
+        private Request               $request,
     )
     {
         $this->spacer = new Spacer(8);

diff --git a/public/img/stream-last-feed.png b/public/img/stream-last-feed.png
diff --git a/resources/feature/theme/theme.scss b/resources/feature/theme/theme.scss
@@ -21,3 +21,17 @@
     }
   }
 }
+
+@mixin theme {
+  /**
+   * The dark() and light() mixins increase selector specificity.
+   * In some cases, it's necessary to apply a common style to both
+   * themes, overriding a previously defined style. 
+   * To achieve this, we need to artificially elevate the specificity 
+   * of the style.
+   */
+  body.theme-light &,
+  body.theme-dark & {
+    @content;
+  }
+}
diff --git a/resources/js/components/microblog/comment.vue b/resources/js/components/microblog/comment.vue
@@ -27,26 +27,25 @@
             </a>
           </li>
           <li class="list-inline-item">
-            <a
+            <span
               @click="checkAuth(vote, comment)"
               @mouseenter.once="loadVoters(comment)"
               :aria-label="commentVoters"
               :class="{'vote-active': comment.is_voted}"
-              href="javascript:"
               data-balloon-pos="up"
               data-balloon-break>
               {{ commentLabel }}
-            </a>
+            </span>
           </li>
           <li class="list-inline-item">
-            <a @click="checkAuth(reply)" href="javascript:">
+            <span @click="checkAuth(reply)">
               Odpowiedz
-            </a>
+            </span>
           </li>
           <li v-if="isAuthorized" class="list-inline-item">
-            <a href="javascript:" :data-metadata="comment.metadata" :data-url="comment.url">
+            <span :data-metadata="comment.metadata" :data-url="comment.url">
               Zgłoś
-            </a>
+            </span>
           </li>
         </ul>
 

diff --git a/resources/sass/core.scss b/resources/sass/core.scss
@@ -47,7 +47,6 @@
 @import "core/dark_flash";
 @import "core/dark_footer";
 @import "core/dark_header";
-@import "core/dark_homepage";
 @import "core/dark_input";
 @import "core/dark_job";
 @import "core/dark_job_offers";

diff --git a/resources/sass/core/_dark_homepage.scss b/resources/sass/core/_dark_homepage.scss
diff --git a/resources/sass/core/_panels.scss b/resources/sass/core/_panels.scss
@@ -6,10 +6,6 @@
   margin-bottom: 18px; // backward compatibility. in bootstrap 3 panel have margin-bottom
 }
 
-.card-default {
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
-}
-
 .box {
   > h4 {
     position: relative;