ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-03-18 01:55:17 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add styling to embed scrolling container

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/plugins/notebook/components/NotebookEntry.vue
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"

8
src/styles/notebook.scss
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;