EVOgeek/Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-2430 ux: Improve core-format-text image width

Browse Source
This commit is contained in:
Pau Ferrer Ocaña 2018-06-20 09:43:26 +02:00
parent cfabc24545
commit 8b2b6b548e
2 changed files with 29 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/app/app.scss
View File

@ -180,8 +180,8 @@ ion-datetime {
}
/** Format Text */
core-format-text[maxHeight], *[core-format-text][maxHeight],
core-format-text[ng-reflect-max-height], *[core-format-text][ng-reflect-max-height] {
core-format-text[maxHeight],
core-format-text[ng-reflect-max-height] {
display: block;
position: relative;
width: 100%;
@ -254,8 +254,8 @@ core-format-text[ng-reflect-max-height], *[core-format-text][ng-reflect-max-heig
}
}
core-format-text[singleLine="true"], *[core-format-text][singleLine="true"],
core-format-text[ng-reflect-single-line="true"], *[core-format-text][ng-reflect-single-line="true"] {
core-format-text[singleLine="true"],
core-format-text[ng-reflect-single-line="true"] {
cursor: pointer;
pointer-events: auto;
white-space: nowrap;
@ -298,7 +298,7 @@ audio.core-media-adapt-width {
}
}
core-format-text, *[core-format-text] {
core-format-text {
audio, video, a, iframe {
pointer-events: auto;
}
@ -329,12 +329,6 @@ core-format-text, *[core-format-text] {
position: initial !important;
}
// Images in ion-card have width 100% and display block. Remove that when the image is in core-format-text.
img {
width: initial;
display: inline;
}
.core-disable-media-adapt,
.core-disable-media-adapt .core-media-adapt-width {
max-width: none !important;
@ -345,6 +339,12 @@ core-format-text, *[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;
display: inline;
}
// Message item.
.item-message {
core-format-text > p:only-child {

24
src/core/course/components/module/module.scss
View File

@ -51,9 +51,13 @@ core-course-module {
}
.md core-course-module {
.core-module-description,
.core-module-description .core-show-more {
.core-module-description {
padding-right: $label-md-margin-end;
margin-bottom: $label-md-margin-bottom;
.core-module-description .core-show-more {
padding-right: $label-md-margin-end;
}
}
a.core-course-module-handler .core-module-icon {
@ -77,9 +81,13 @@ core-course-module {
}
.ios core-course-module {
.core-module-description,
.core-module-description .core-show-more {
.core-module-description {
padding-right: $label-ios-margin-end;
margin-bottom: $label-md-margin-bottom;
.core-module-description .core-show-more {
padding-right: $label-ios-margin-end;
}
}
a.core-course-module-handler .core-module-icon {
@ -98,9 +106,13 @@ core-course-module {
}
.wp core-course-module {
.core-module-description,
.core-module-description .core-show-more {
.core-module-description {
padding-right: ($item-wp-padding-end / 2);
margin-bottom: $label-md-margin-bottom;
.core-module-description .core-show-more {
padding-right: ($item-wp-padding-end / 2);
}
}
a.core-course-module-handler .core-module-icon {