Commit c8067eb0 authored by Marcelo Rivera's avatar Marcelo Rivera
Browse files

(fix): don't show subtext in tiles 

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

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

+2 −2
Original line number Diff line number Diff line
@@ -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

+6 −4
Original line number Diff line number Diff line
@@ -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

+0 −1
Original line number Diff line number Diff line
@@ -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>

  `

})