Commit 71354415 authored by Marcelo Rivera's avatar Marcelo Rivera

(feat): update topbar design

1 merge request!623WIP: New homepage design
Pipeline #93061737 running with stages
......@@ -27,6 +27,22 @@
width: 100%;
}
&.m-v2-topbar__noBackground {
@include m-theme() {
border: none;
background-color: transparent;
}
.m-v2-topbar__Container__LoginWrapper > a {
margin-right: 40px;
@include m-theme() {
background: transparent;
border: 1px solid themed($m-black-always);
color: themed($m-black-always);
}
}
}
m-search--bar {
> .mdl-textfield {
padding: 8px 0;
......
......@@ -5,8 +5,8 @@ m-homepage {
&.m-marketing__section--style-2 {
.m-marketing__body {
&::before {
transform: translate(200px, -80px);
clip-path: polygon(57% 0, 100% 0, 100% 23%, 23% 74%);
transform: translate(311px, -80px);
clip-path: polygon(57% 0, 100% 0, 100% 15%, 18% 87%);
bottom: -80px;
@include m-theme() {
......@@ -41,6 +41,7 @@ m-homepage {
height: auto !important;
object-fit: initial !important;
width: 333px !important;
transform: translateY(-25px);
}
}
}
......@@ -83,3 +84,7 @@ m-homepage {
}
}
}
.m-homepage {
margin-top: -52px;
}
......@@ -14,6 +14,8 @@ import { LoginReferrerService } from '../../services/login-referrer.service';
export class HomepageComponent {
readonly cdnAssetsUrl: string = window.Minds.cdn_assets_url;
topbar: HTMLElement;
minds = window.Minds;
flags = {
......@@ -28,6 +30,8 @@ export class HomepageComponent {
private loginReferrer: LoginReferrerService,
public session: Session
) {
this.topbar = document.querySelector('.m-v2-topbar__Top');
this.title.setTitle('Minds Social Network', false);
if (this.session.isLoggedIn()) {
......@@ -38,6 +42,12 @@ export class HomepageComponent {
if (/iP(hone|od)/.test(window.navigator.userAgent)) {
this.flags.canPlayInlineVideos = false;
}
this.topbar.classList.add('m-v2-topbar__noBackground');
}
ngOnDestroy() {
this.topbar.classList.remove('m-v2-topbar__noBackground');
}
goToLoginPage() {
......
Please register or to comment