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

MOBILE-3711 styles: Some style fixes 

Reverted 6822e0246f since it broke some
styles the problem on the original commit was an ion-item without
ion-label
main
Pau Ferrer Ocaña 2021-08-03 09:43:25 +02:00
parent ac90d9370a
commit 98a8feb2ea
4 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/core/components/combobox/combobox.scss
View File

@ -99,6 +99,7 @@ ion-button {
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
line-height: 20px; line-height: 20px;
border-radius: 0;
} }
.select-text { .select-text {

4
src/core/features/sitehome/pages/index/index.html
View File

@ -21,8 +21,8 @@
<!-- Site home main contents. --> <!-- Site home main contents. -->
<ng-container *ngIf="section && section.hasContent"> <ng-container *ngIf="section && section.hasContent">
<ion-item class="ion-text-wrap" *ngIf="section.summary"> <ion-item class="ion-text-wrap" *ngIf="section.summary">
<core-format-text [text]="section.summary" contextLevel="course" [contextInstanceId]="siteHomeId"> <ion-label><core-format-text [text]="section.summary" contextLevel="course" [contextInstanceId]="siteHomeId">
</core-format-text> </core-format-text></ion-label>
</ion-item> </ion-item>
<core-course-module *ngFor="let module of section.modules" [module]="module" [courseId]="siteHomeId" <core-course-module *ngFor="let module of section.modules" [module]="module" [courseId]="siteHomeId"

5
src/theme/components/format-text.scss
View File

@ -16,11 +16,12 @@ body.dark core-format-text {
} }
core-format-text { core-format-text {
display: block; display: contents;
.core-format-text-loader { .core-format-text-loader {
opacity: 0; opacity: 0;
@include core-transition(opacity, 200ms); @include core-transition(opacity, 200ms);
display: contents;
} }
&.core-format-text-loading { &.core-format-text-loading {
@ -31,6 +32,7 @@ core-format-text {
background-color: rgba(0,0,0,.1); background-color: rgba(0,0,0,.1);
overflow: hidden; overflow: hidden;
border-radius: 5px; border-radius: 5px;
display: block;
.core-format-text-loader { .core-format-text-loader {
position: absolute; position: absolute;
@ -66,6 +68,7 @@ core-format-text {
&[maxHeight], &[maxHeight],
&[ng-reflect-max-height] { &[ng-reflect-max-height] {
display: block;
position: relative; position: relative;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;

8
src/theme/theme.base.scss
View File

@ -466,7 +466,7 @@ ion-toolbar {
border-bottom: 3px solid var(--color-base); border-bottom: 3px solid var(--color-base);
ion-item::part(native) { ion-item {
--inner-border-width: 0; --inner-border-width: 0;
} }
ion-label { ion-label {
@ -480,9 +480,9 @@ ion-toolbar {
.item.core-#{$color-name}-item { .item.core-#{$color-name}-item {
--color-base: var(--ion-color-#{$color-name}); --color-base: var(--ion-color-#{$color-name});
--inner-border-width: 0 0 3px 0; --border-width: 0 0 3px 0;
--border-width: 0; --border-color: var(--color-base);
border-bottom: 3px solid var(--color-base) !important; --inner-border-width: 0;
ion-icon { ion-icon {
color: var(--color-base); color: var(--color-base);
} }