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

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

main
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 */ /** Format Text */
core-format-text[maxHeight], *[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[ng-reflect-max-height] {
display: block; display: block;
position: relative; position: relative;
width: 100%; 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[singleLine="true"],
core-format-text[ng-reflect-single-line="true"], *[core-format-text][ng-reflect-single-line="true"] { core-format-text[ng-reflect-single-line="true"] {
cursor: pointer; cursor: pointer;
pointer-events: auto; pointer-events: auto;
white-space: nowrap; 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 { audio, video, a, iframe {
pointer-events: auto; pointer-events: auto;
} }
@ -329,12 +329,6 @@ core-format-text, *[core-format-text] {
position: initial !important; 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-disable-media-adapt .core-media-adapt-width { .core-disable-media-adapt .core-media-adapt-width {
max-width: none !important; 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. // Message item.
.item-message { .item-message {
core-format-text > p:only-child { core-format-text > p:only-child {

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

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