openlp
/
web-remote
mirror of https://gitlab.com/openlp/web-remote.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Added styles for displaying thumbnails in the Slides view.

This commit is contained in:
Joe Schneider 2021-04-30 04:12:58 +00:00
parent d211ecb6ed
commit 035f72ffdf
1 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/components/slides/slides.component.scss
View File

@ -15,3 +15,19 @@ mat-card {
margin-left: 2.5rem;
white-space: pre-wrap;
}
/* Styles for displaying thumbnails */
.verse-img-container {
/* CSS for formatting DIV containing the image */
margin-left: 2.5rem;
display: inline-block;
}
.verse-img-container img {
/* Roughly basing these values off of the current thumbnail size */
/* Images sent from OpenLP should be larger and should be sized based on viewer screen size */
max-height: 75%;
min-height: 88px;
}
.img-verse-text {
font-size: 1.1rem;
white-space: pre-wrap;
}