Commit b768eea7 authored by Marcelo Rivera's avatar Marcelo Rivera

(feat): added titles to sections for mobile resolutions

parent f3326b15
Pipeline #81852519 failed with stages
in 5 minutes and 39 seconds
......@@ -13,8 +13,12 @@ m-pro--channel {
background-blend-mode: overlay;
background-color: var(--m-pro--transparent-background-color) !important;
m-pro__hamburger-menu {
@media screen and (min-width: ($min-tablet + 1px)) {
@media screen and (min-width: ($min-tablet + 1px)) {
m-pro__hamburger-menu {
display: none;
}
.m-proChannelList__title {
display: none;
}
}
......
......@@ -4,6 +4,45 @@
[style.visibility]="shouldShowCategories ? 'visible' : 'hidden'"
></m-pro--channel--categories>
<h1 class="m-proChannelList__title" [ngSwitch]="type">
<ng-container
*ngSwitchCase="'all'"
i18n
>
All
</ng-container>
<ng-container
*ngSwitchCase="'videos'"
i18n
>
Videos
</ng-container>
<ng-container
*ngSwitchCase="'images'"
i18n
>
Images
</ng-container>
<ng-container
*ngSwitchCase="'blogs'"
i18n
>
Blogs
</ng-container>
<ng-container
*ngSwitchCase="'groups'"
i18n
>
Groups
</ng-container>
<ng-container
*ngSwitchCase="'activities'"
i18n
>
Feed
</ng-container>
</h1>
<div class="m-proChannelList__tools" *ngIf="query !== ''">
<div class="m-proChannelListTools__searchResult">
<span>
......
......@@ -2,10 +2,14 @@ m-pro--channel-list {
display: block;
padding: 0 32px;
h1 {
font-size: 72px;
font-weight: 600;
margin: 0 0 0.4em;
h1.m-proChannelList__title {
margin: 24px 0;
padding: 0;
text-transform: uppercase;
font-size: 24px;
font-weight: 300;
letter-spacing: 2px;
line-height: 1.25;
}
m-pro--channel--categories {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment