💄 modification du style des pages discussion et article

Author: mckenziearts

public/css/app.css

@@ -1746,174 +1746,6 @@ pre code.torchlight .line-number, pre code.torchlight .summary-caret {
     color: rgba(var(--color-text-primary), var(--tw-text-opacity))
 }
 
-.rain {
-  position: absolute;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 2;
-  pointer-events: none;
-}
-
-.rain.back-row {
-  display: none;
-  z-index: 1;
-  bottom: 60px;
-  opacity: 0.5;
-}
-
-body.back-row-toggle .rain.back-row {
-  display: block;
-}
-
-.drop {
-  position: absolute;
-  bottom: 100%;
-  width: 15px;
-  height: 120px;
-  pointer-events: none;
-  -webkit-animation: drop 0.5s linear infinite;
-          animation: drop 0.5s linear infinite;
-}
-
-@-webkit-keyframes drop {
-  0% {
-    transform: translateY(0vh);
-  }
-  75% {
-    transform: translateY(90vh);
-  }
-  100% {
-    transform: translateY(90vh);
-  }
-}
-
-@keyframes drop {
-  0% {
-    transform: translateY(0vh);
-  }
-  75% {
-    transform: translateY(90vh);
-  }
-  100% {
-    transform: translateY(90vh);
-  }
-}
-
-.stem {
-  width: 1px;
-  height: 60%;
-  margin-left: 7px;
-  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25));
-  -webkit-animation: stem 0.5s linear infinite;
-          animation: stem 0.5s linear infinite;
-}
-
-@-webkit-keyframes stem {
-  0% {
-    opacity: 1;
-  }
-  65% {
-    opacity: 1;
-  }
-  75% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-
-@keyframes stem {
-  0% {
-    opacity: 1;
-  }
-  65% {
-    opacity: 1;
-  }
-  75% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-
-.splat {
-  width: 15px;
-  height: 10px;
-  border-top: 2px dotted rgba(255, 255, 255, 0.5);
-  border-radius: 50%;
-  opacity: 1;
-  transform: scale(0);
-  -webkit-animation: splat 0.5s linear infinite;
-          animation: splat 0.5s linear infinite;
-  display: none;
-}
-
-body.splat-toggle .splat {
-  display: block;
-}
-
-@-webkit-keyframes splat {
-  0% {
-    opacity: 1;
-    transform: scale(0);
-  }
-  80% {
-    opacity: 1;
-    transform: scale(0);
-  }
-  90% {
-    opacity: 0.5;
-    transform: scale(1);
-  }
-  100% {
-    opacity: 0;
-    transform: scale(1.5);
-  }
-}
-
-@keyframes splat {
-  0% {
-    opacity: 1;
-    transform: scale(0);
-  }
-  80% {
-    opacity: 1;
-    transform: scale(0);
-  }
-  90% {
-    opacity: 0.5;
-    transform: scale(1);
-  }
-  100% {
-    opacity: 0;
-    transform: scale(1.5);
-  }
-}
-
-.splat-toggle {
-  top: 20px;
-}
-
-.back-row-toggle {
-  top: 90px;
-  line-height: 12px;
-}
-
-.single-toggle {
-  top: 160px;
-}
-
-body.single-toggle .drop {
-  display: none;
-}
-
-body.single-toggle .drop:nth-child(10) {
-  display: block;
-}
-
 .header.is-fixed {
   position: fixed;
   left: 0px;
@@ -11144,6 +10976,10 @@ html {
     align-items: center;
   }
 
+  .lg\:justify-start {
+    justify-content: flex-start;
+  }
+
   .lg\:justify-end {
     justify-content: flex-end;
   }

public/js/app.js

@@ -3091,7 +3091,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
- // import './rain'
 
 (0,_header__WEBPACK_IMPORTED_MODULE_3__.registerHeader)(); // Add Alpine to window object.
 
@@ -4466,7 +4465,7 @@ const autoHideHeader = function () {
   scrolling = false;
 };
 /**
- * Enregistre le comportement du header (fixed au scoll)
+ * Enregistre le comportement du header (fixed au scroll)
  * @return {function(): void}
  */
 
@@ -5566,7 +5565,7 @@ function throttle(callback, delay) {
   let timer;
   return function () {
     let context = this;
-    let now = new Date();
+    let now = +new Date();
     let args = arguments;
 
     if (last && now < last + delay) {

resources/views/articles/show.blade.php

@@ -11,7 +11,7 @@
     @endphp
 
     <article class="relative lg:grid lg:grid-cols-9 lg:gap-10" xmlns:livewire="http://www.w3.org/1999/html">
-        <div class="hidden lg:block lg:col-span-2">
+        <div class="hidden relative lg:block lg:col-span-2">
             <div class="divide-y divide-skin-base sticky space-y-6 top-4">
                 <div>
                     <h4 class="text-xs text-skin-base font-medium leading-4 tracking-wide uppercase">A propos de l’auteur</h4>
@@ -263,7 +263,7 @@ class="inline-flex items-center py-2 px-4 border border-skin-base rounded-md sha
                 </footer>
             @endif
         </div>
-        <div class="hidden lg:block lg:col-span-2">
+        <div class="hidden relative lg:block lg:col-span-2">
             <div class="sticky top-4 space-y-10">
                 @if($article->showToc())
                     <div class="bg-skin-card px-4 py-6 rounded-lg shadow-lg">

resources/views/livewire/discussions/browse.blade.php

@@ -1,5 +1,5 @@
 <div class="relative lg:grid lg:grid-cols-12 lg:gap-8">
-    <div class="hidden lg:block lg:col-span-2">
+    <div class="hidden relative lg:block lg:col-span-2">
         <aside class="sticky top-4 divide-y divide-skin-base">
             <div class="pb-6">
                 <span class="inline-flex items-center px-2 py-1 rounded-md text-sm font-medium bg-skin-link text-skin-base font-sans">
@@ -59,7 +59,7 @@ class="w-full {{ $selectedSortBy === 'active' ? 'text-skin-inverted': 'text-skin
             @endforeach
         </div>
     </div>
-    <div class="hidden lg:block lg:col-span-3">
+    <div class="hidden relative lg:block lg:col-span-3">
         @include('discussions._contributions')
     </div>
 </div>