Add styling to embed scrolling container

This commit is contained in:
Rukmini Bose 2022-09-30 16:55:51 -07:00
parent a4d2290274
commit b72bad16d9
2 changed files with 7 additions and 3 deletions

View File

@ -94,7 +94,7 @@
<div
ref="embedsWrapper"
class="c-snapshots c-ne__embeds-wrapper"
:class="{ scrollClass: enableEmbedsWrapperScroll }"
:class="{scrollClass: enableEmbedsWrapperScroll }"
>
<NotebookEmbed
v-for="embed in entry.embeds"

View File

@ -27,6 +27,11 @@
font-weight: bold;
}
.scrollClass{
background: $colorBodyBg;
box-shadow: inset 0 5px 5px rgb(0 0 0 / 20%);
}
.c-notebook {
$headerFontSize: 1.3em;
display: flex;
@ -410,8 +415,7 @@
@include snapThumb();
}
.c-ne__embeds-wrapper{
background: $colorBodyBg;
max-height: 10vh;
max-height: 11vh;
padding-left: $interiorMarginLg;
padding-top: $interiorMarginLg;
display: flex;