LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Adjust ad design

Browse source
This commit is contained in:
Raphael Wickihalder 2022-06-17 12:20:35 +02:00
parent 8e15f30ace
commit 845b70f52c
No known key found for this signature in database
GPG key ID: 05179BB92383243D
1 changed files with 25 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
ui/scss/component/_ads.scss
View file

@ -42,7 +42,18 @@
background-image: url('~ui/component/membershipSplash/astronaut_n_friends.png'); background-image: url('~ui/component/membershipSplash/astronaut_n_friends.png');
background-size: 100%; background-size: 100%;
border-radius: var(--border-radius); border-radius: var(--border-radius);
box-shadow: 0 0 0 1px rgba(var(--color-primary-dynamic), 0.1) inset; box-shadow: 0 0 0 1px var(--color-header-background) inset;
.avp-p-wrapper {
background-color: unset !important;
.avp-content-container {
background-color: unset !important;
// box-shadow: 0 0 0 1px black inset;
div {
background-color: unset !important;
}
}
}
video { video {
width: 100% !important; width: 100% !important;
@ -326,15 +337,24 @@
.OUTBRAIN { .OUTBRAIN {
// border-radius: var(--border-radius) 0 0 0 !important; // border-radius: var(--border-radius) 0 0 0 !important;
height: unset !important; height: unset !important;
background-color: var(--color-ads-background);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
padding: var(--spacing-xxs);
.ob-widget .ob-unit.ob-rec-text { .ob-widget .ob-unit.ob-rec-text {
font-size: 12px !important; font-size: 12px !important;
} }
.ob-widget {
padding: var(--spacing-xxs);
background-color: var(--color-ads-background);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
.ob_what {
background: var(--color-header-background);
border-radius: 10px;
padding: 0 !important;
}
}
&:not(.banner-ad__container) { &:not(.banner-ad__container) {
border-radius: var(--border-radius) !important; border-radius: var(--border-radius) !important;
overflow: hidden; overflow: hidden;