...
 
Commits (2)
......@@ -14,6 +14,11 @@ m-pro--channel {
background-blend-mode: overlay;
background-color: var(--m-pro--more-transparent-background-color) !important;
&.m-pro-channel--plainBackground {
background-blend-mode: initial;
background-color: var(--m-pro--plain-background-color) !important;
}
@media screen and (min-width: ($min-tablet + 1px)) {
m-pro__hamburger-menu {
display: none;
......
......@@ -130,7 +130,7 @@ export class ProChannelComponent implements OnInit, AfterViewInit, OnDestroy {
}
@HostBinding('style.backgroundImage') get backgroundImageCssValue() {
if (!this.channel) {
if (!this.channel || !this.channel.pro_settings.background_image) {
return 'none';
}
......@@ -142,8 +142,16 @@ export class ProChannelComponent implements OnInit, AfterViewInit, OnDestroy {
return '';
}
return `m-theme--wrapper m-theme--wrapper__${this.channel.pro_settings
.scheme || 'light'}`;
const classes = [
'm-theme--wrapper',
`m-theme--wrapper__${this.channel.pro_settings.scheme || 'light'}`,
];
if (!this.channel || !this.channel.pro_settings.background_image) {
classes.push('m-pro-channel--plainBackground');
}
return classes.join(' ');
}
constructor(
......
......@@ -107,6 +107,12 @@
&.m-proSettingsField__logoFilePreview {
padding: 16px;
min-width: 32px;
min-height: 32px;
@include m-theme() {
background: rgba(themed($m-black), 0.3);
}
> img {
max-width: 100%;
......@@ -116,6 +122,13 @@
}
&.m-proSettingsField__backgroundFilePreview {
width: 480px;
height: 270px;
@include m-theme() {
background: rgba(themed($m-black), 0.3);
}
> img {
width: 480px;
height: 270px;
......