diff --git a/src/app/app.scss b/src/app/app.scss index ee6c7fb2f..d1f0e8b5e 100644 --- a/src/app/app.scss +++ b/src/app/app.scss @@ -268,6 +268,7 @@ core-format-text[ng-reflect-single-line="true"] { .core-media-adapt-width { max-width: 100%; + height: auto; } audio.core-media-adapt-width { @@ -341,7 +342,7 @@ core-format-text { // Images in ion-card have width 100% and display block. Remove that when the image is in core-format-text. ion-card core-format-text img { - width: initial; + width: min-content; display: inline; } diff --git a/src/core/course/components/format/format.scss b/src/core/course/components/format/format.scss index ac61d4803..e03567ae6 100644 --- a/src/core/course/components/format/format.scss +++ b/src/core/course/components/format/format.scss @@ -27,6 +27,17 @@ core-course-format { width: 100%; } } + + .item-divider { + .label { + margin-top: 0; + margin-bottom: 0; + } + + core-format-text { + line-height: 44px; + } + } } .core-section-select { diff --git a/src/core/viewer/pages/image/image.html b/src/core/viewer/pages/image/image.html index d1eb33363..613033daa 100644 --- a/src/core/viewer/pages/image/image.html +++ b/src/core/viewer/pages/image/image.html @@ -9,6 +9,8 @@ - - {{ title }} + + + + diff --git a/src/core/viewer/pages/image/image.scss b/src/core/viewer/pages/image/image.scss new file mode 100644 index 000000000..2be2a02fc --- /dev/null +++ b/src/core/viewer/pages/image/image.scss @@ -0,0 +1,7 @@ +.core-zoom-pane { + height: 100%; + + img { + max-width: none; + } +} \ No newline at end of file