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

MOBILE-4594 styles: Fix some styles from migration

Browse Source
This commit is contained in:
Pau Ferrer Ocaña 2024-07-09 10:49:44 +02:00
parent 2e1626dcfb
commit 6bb6aa4da3
5 changed files with 30 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/addons/messages/pages/discussion/discussion.html
View File

@ -77,7 +77,7 @@
{{ message.timecreated | coreFormatDate: "strftimedayshort" }} {{ message.timecreated | coreFormatDate: "strftimedayshort" }}
</h3> </h3>
<ion-chip class="addon-messages-unreadfrom" *ngIf="unreadMessageFrom > 0 && message.id === unreadMessageFrom" color="light"> <ion-chip class="addon-messages-unreadfrom" *ngIf="unreadMessageFrom > 0 && message.id === unreadMessageFrom">
<ion-label>{{ 'addon.messages.newmessages' | translate }}</ion-label> <ion-label>{{ 'addon.messages.newmessages' | translate }}</ion-label>
<ion-icon name="fas-arrow-down" aria-hidden="true" /> <ion-icon name="fas-arrow-down" aria-hidden="true" />
</ion-chip> </ion-chip>

2
src/core/features/courses/pages/my/my.html
View File

@ -27,7 +27,7 @@
<!-- Download all courses. --> <!-- Download all courses. -->
<div *ngIf="downloadCoursesEnabled && myOverviewBlock && myOverviewBlock.filteredCourses.length > 0" <div *ngIf="downloadCoursesEnabled && myOverviewBlock && myOverviewBlock.filteredCourses.length > 0"
class="core-button-spinner"> class="core-button-spinner">
<ion-button *ngIf="!myOverviewBlock.prefetchCoursesData.loading" fill="clear" <ion-button *ngIf="!myOverviewBlock.prefetchCoursesData.loading" fill="clear" size="default"
(click)="myOverviewBlock.prefetchCourses()" (click)="myOverviewBlock.prefetchCourses()"
[attr.aria-label]="myOverviewBlock.prefetchCoursesData.statusTranslatable | translate"> [attr.aria-label]="myOverviewBlock.prefetchCoursesData.statusTranslatable | translate">
<ion-icon [name]="myOverviewBlock.prefetchCoursesData.icon" slot="icon-only" aria-hidden="true" /> <ion-icon [name]="myOverviewBlock.prefetchCoursesData.icon" slot="icon-only" aria-hidden="true" />

19
src/theme/components/ion-fab.scss
View File

@ -6,25 +6,6 @@ ion-fab[core-fab] {
} }
} }
// The following 4 selectors can probably be removed after Ionic migration to 7+
ion-fab.fab-horizontal-start {
left: calc(10px + var(--ion-safe-area-right, 0px));
}
&[dir=rtl] ion-fab.fab-horizontal-start {
right: calc(10px + var(--ion-safe-area-right, 0px));
left: unset
}
ion-fab.fab-horizontal-end {
right: calc(10px + var(--ion-safe-area-right, 0px));
}
&[dir=rtl] ion-fab.fab-horizontal-end {
left: calc(10px + var(--ion-safe-area-right, 0px));
right: unset
}
ion-content.has-collapsible-footer ion-fab { ion-content.has-collapsible-footer ion-fab {
bottom: calc(var(--core-collapsible-footer-height, 0px) + 10px); bottom: calc(var(--core-collapsible-footer-height, 0px) + 10px);
@include core-transition(all, 200ms); @include core-transition(all, 200ms);

4
src/theme/components/ion-select.scss
View File

@ -15,10 +15,6 @@ ion-select {
} }
ion-select-popover { ion-select-popover {
ion-list ion-radio-group ion-item.select-interface-option ion-radio.hydrated::part(container) {
opacity: 1;
}
ion-item { ion-item {
font-size: var(--text-size); font-size: var(--text-size);
} }

58
src/theme/theme.scss
View File

@ -29,36 +29,34 @@
@import "components/videojs.scss"; @import "components/videojs.scss";
/* Ionic components overrides */ /* Ionic components overrides */
:root { @import "components/ion-accordion.scss";
@import "components/ion-accordion.scss"; @import "components/ion-action-sheet.scss";
@import "components/ion-action-sheet.scss"; @import "components/ion-alert.scss";
@import "components/ion-alert.scss"; @import "components/ion-avatar.scss";
@import "components/ion-avatar.scss"; @import "components/ion-back-button.scss";
@import "components/ion-back-button.scss"; @import "components/ion-badge.scss";
@import "components/ion-badge.scss"; @import "components/ion-button.scss";
@import "components/ion-button.scss"; @import "components/ion-card.scss";
@import "components/ion-card.scss"; @import "components/ion-checkbox.scss";
@import "components/ion-checkbox.scss"; @import "components/ion-chip.scss";
@import "components/ion-chip.scss"; @import "components/ion-content.scss";
@import "components/ion-content.scss"; @import "components/ion-datetime.scss";
@import "components/ion-datetime.scss"; @import "components/ion-fab.scss";
@import "components/ion-fab.scss"; @import "components/ion-header.scss";
@import "components/ion-header.scss"; @import "components/ion-icon.scss";
@import "components/ion-icon.scss"; @import "components/ion-input.scss";
@import "components/ion-input.scss"; @import "components/ion-item.scss";
@import "components/ion-item.scss"; @import "components/ion-item-divider.scss";
@import "components/ion-item-divider.scss"; @import "components/ion-modal.scss";
@import "components/ion-modal.scss"; @import "components/ion-loading.scss";
@import "components/ion-loading.scss"; @import "components/ion-note.scss";
@import "components/ion-note.scss"; @import "components/ion-popover.scss";
@import "components/ion-popover.scss"; @import "components/ion-radio.scss";
@import "components/ion-radio.scss"; @import "components/ion-searchbar.scss";
@import "components/ion-searchbar.scss"; @import "components/ion-select.scss";
@import "components/ion-select.scss"; @import "components/ion-spinner.scss";
@import "components/ion-spinner.scss"; @import "components/ion-toast.scss";
@import "components/ion-toast.scss"; @import "components/swiper.scss";
@import "components/swiper.scss";
}
/* Some styles from 3rd party libraries. */ /* Some styles from 3rd party libraries. */
@import "components/bootstrap/utilities/screenreaders.scss"; @import "components/bootstrap/utilities/screenreaders.scss";