(fix): don't show subtext in tiles

(fix): show ellipsis when title is too long in tiles

src/app/modules/pro/channel/channel.component.scss

@@ -206,8 +206,8 @@ m-pro--channel {
 
  a.m-proChannelTopbar__navItem {
  text-decoration: none;
- padding: 16px;
- font-size: 18px;
+ padding: 8px;
+ font-size: 13px;
 
  text-transform: uppercase;
  letter-spacing: 0.1em;

src/app/modules/pro/channel/tiles/media/tile.component.scss

@@ -24,18 +24,20 @@ m-pro--channel-tile {
  bottom: 0;
  background-color: var(--m-pro--transparent-background-color);
  color: var(--m-pro--text-color);
- padding: 16px 16px 0;
+ padding: 8px 16px;
  font-size: 20px;
  width: 100%;
  box-sizing: border-box;
 
  h2 {
+ font-weight: 700;
  font-size: 20px;
- line-height: 20px;
- overflow: visible;
  color: var(--m-pro--text-color) !important;
  margin: 0;
- font-weight: 700;
+
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
  }
 
  p {

src/app/modules/pro/channel/tiles/media/tile.component.ts

@@ -6,7 +6,6 @@ import { Component, Input } from '@angular/core';
  <img [src]="entity.thumbnail_src">
  <div class="m-proChannelTile__text" *ngIf="getTitle() || getText()">
  <h2>{{getTitle()}}</h2>
- <p [innerHTML]="getText()"></p>
  </div>
  `
 })