feedback fixes

web/projects/marketplace/src/components/menu/menu.component.scss

@@ -65,6 +65,7 @@ header {
     color: rgb(244 244 245);
     text-align: center;
     margin-bottom: 0.75rem;
+    pointer-events: none;
   }
 }
 

web/projects/marketplace/src/pages/list/item/item.component.html

@@ -12,7 +12,7 @@
     alt="{{ pkg.manifest.title }} Icon"
   />
   <div class="detail">
-    <span class="detail-title">
+    <span class="detail-title" ticker>
       {{ pkg.manifest.title }}
     </span>
     <span class="detail-description">

web/projects/marketplace/src/pages/list/item/item.component.scss

@@ -66,14 +66,11 @@
   mix-blend-mode: plus-lighter;
 
   &-title {
+    display: inline-block;
     font-size: 1.5rem;
     line-height: 2rem;
     margin-bottom: 0.25rem;
     font-weight: 400;
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
   }
 
   &-description {
@@ -85,5 +82,6 @@
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
+    pointer-events: none;
   }
 }

web/projects/marketplace/src/pages/list/item/item.module.ts

@@ -1,12 +1,12 @@
 import { CommonModule } from '@angular/common'
 import { NgModule } from '@angular/core'
 import { RouterModule } from '@angular/router'
-import { SharedPipesModule } from '@start9labs/shared'
+import { SharedPipesModule, TickerModule } from '@start9labs/shared'
 import { ItemComponent } from './item.component'
 
 @NgModule({
   declarations: [ItemComponent],
   exports: [ItemComponent],
-  imports: [CommonModule, RouterModule, SharedPipesModule],
+  imports: [CommonModule, RouterModule, SharedPipesModule, TickerModule],
 })
 export class ItemModule {}

web/projects/marketplace/src/pages/release-notes/release-notes.component.scss

@@ -19,12 +19,14 @@
       h3 {
         font-size: 1.2rem;
         margin-bottom: 1.25rem;
+        pointer-events: none;
       }
     }
-
+    
     &-notes {
       flex-wrap: wrap;
       margin-top: 0.25rem;
+      pointer-events: none;
     }
 
     button {

web/projects/marketplace/src/pages/show/about/about.component.html

@@ -4,16 +4,6 @@
     <p>
       {{ pkg.manifest.description.long }}
     </p>
-    <ng-container *ngIf="pkg.manifest.replaces as replaces">
-      <div *ngIf="replaces.length">
-        <h2 class="replaces">Intended to replace:</h2>
-        <tui-tag
-          *ngFor="let app; index as i; of: replaces"
-          size="l"
-          [class]="i > 0 ? 'tag-margin-full' : 'tag-margin-empty'"
-          [value]="app"
-        ></tui-tag>
-      </div>
-    </ng-container>
+    <ng-content></ng-content>
   </div>
 </div>

web/projects/marketplace/src/pages/show/about/about.component.scss

@@ -14,23 +14,6 @@
     font-size: 1rem;
     line-height: 1.5rem;
     margin-bottom: 0.75rem;
+    pointer-events: none;
   }
-}
-
-.tag-margin-full {
-  margin-left: 0.375rem;
-  margin-top: 0.5rem;
-}
-
-.tag-margin-empty {
-  margin-top: 0.5rem;
-}
-
-.replaces {
-  margin: 1.5rem 0 1rem 0;
-  font-family: 'Montserrat';
-  font-size: 0.75rem;
-  font-weight: 300;
-  letter-spacing: .06rem;
-  text-transform: uppercase;
 }

web/projects/marketplace/src/pages/show/hero/hero.component.ts

@@ -1,6 +1,6 @@
 import { CommonModule } from '@angular/common'
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
-import { SharedPipesModule } from '@start9labs/shared'
+import { SharedPipesModule, TickerModule } from '@start9labs/shared'
 import { MarketplacePkg } from '../../../types'
 
 @Component({
@@ -24,7 +24,7 @@ import { MarketplacePkg } from '../../../types'
         <!-- background darkening overlay -->
         <div class="dark-overlay"></div>
         <div class="inner-container-title">
-          <h2>
+          <h2 ticker>
             {{ pkg.manifest.title }}
           </h2>
           <h3>
@@ -63,6 +63,7 @@ import { MarketplacePkg } from '../../../types'
         @media (min-width: 376px) {
           min-height: 26vh;
         }
+
         @media (min-width: 768px) {
           min-height: 14rem;
         }
@@ -87,14 +88,15 @@ import { MarketplacePkg } from '../../../types'
           mix-blend-mode: plus-lighter;
           z-index: 1;
 
+          @media (min-width: 768px) {
+            max-width: 22rem;
+          }
+
           h2 {
             font-size: 2rem;
             line-height: 3rem;
             font-weight: 400;
-            overflow: hidden;
-            display: -webkit-box;
-            -webkit-box-orient: vertical;
-            -webkit-line-clamp: 1;
+            display: inline-block;
             margin-left: -1px;
           }
 
@@ -102,12 +104,14 @@ import { MarketplacePkg } from '../../../types'
             font-size: 1.1rem;
             font-weight: 400;
             margin-bottom: 1rem;
+            pointer-events: none;
           }
 
           p {
             font-size: 1rem;
             line-height: 1.5rem;
             font-weight: 300;
+            pointer-events: none;
             overflow: hidden;
             display: -webkit-box;
             -webkit-box-orient: vertical;
@@ -153,7 +157,7 @@ import { MarketplacePkg } from '../../../types'
   ],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [CommonModule, SharedPipesModule],
+  imports: [CommonModule, SharedPipesModule, TickerModule],
 })
 export class MarketplacePackageHeroComponent {
   @Input({ required: true })