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

MOBILE-2795 ux: Fix margin on item-start img or icon

main
Pau Ferrer Ocaña 2019-01-09 10:26:36 +01:00
parent 67b8e94aaa
commit cb4f6c196a
4 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/app.md.scss
View File

@ -21,6 +21,11 @@ ion-app.app-root.md {
@include margin-horizontal($item-md-padding-start + ($item-md-padding-start / 2) - 1, null);
}
.item-md img[item-start] + .item-inner,
.item-md img[item-start] + .item-input {
@include margin-horizontal($item-md-padding-start + ($item-md-padding-start / 2), null);
}
@each $color-name, $color-base, $color-contrast in get-colors($colors-md) {
.core-#{$color-name}-card {
@extend .card-md;

6
src/app/app.scss
View File

@ -943,6 +943,12 @@ details summary {
pointer-events: auto;
}
.icon.fa-graduation-cap{
font-size: 21px;
width: 21px;
line-height: 28px;
}
// Fix iframes in fullscreen mode.
//
// Ionic sets "contain: strict" to some elements. This enables paint containment,

4
src/app/app.wp.scss
View File

@ -17,7 +17,9 @@ ion-app.app-root.wp {
}
.item-wp ion-spinner[item-start] + .item-inner,
.item-wp ion-spinner[item-start] + .item-input {
.item-wp ion-spinner[item-start] + .item-input,
.item-wp img[item-start] + .item-inner,
.item-wp img[item-start] + .item-input {
@include margin-horizontal(($item-wp-padding-start / 2), null);
}

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

@ -139,3 +139,7 @@ ion-app.app-root.wp core-course-module {
margin-bottom: 8px;
}
}
ion-app.app-root a.core-course-module-handler.item [item-start] + .item-inner {
@include margin-horizontal(4px, null);
}