MOBILE-4594 styles: Fix some styles from migration
parent
2e1626dcfb
commit
6bb6aa4da3
|
@ -77,7 +77,7 @@
|
|||
{{ message.timecreated | coreFormatDate: "strftimedayshort" }}
|
||||
</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-icon name="fas-arrow-down" aria-hidden="true" />
|
||||
</ion-chip>
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
<!-- Download all courses. -->
|
||||
<div *ngIf="downloadCoursesEnabled && myOverviewBlock && myOverviewBlock.filteredCourses.length > 0"
|
||||
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()"
|
||||
[attr.aria-label]="myOverviewBlock.prefetchCoursesData.statusTranslatable | translate">
|
||||
<ion-icon [name]="myOverviewBlock.prefetchCoursesData.icon" slot="icon-only" aria-hidden="true" />
|
||||
|
|
|
@ -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 {
|
||||
bottom: calc(var(--core-collapsible-footer-height, 0px) + 10px);
|
||||
@include core-transition(all, 200ms);
|
||||
|
|
|
@ -15,10 +15,6 @@ ion-select {
|
|||
}
|
||||
|
||||
ion-select-popover {
|
||||
ion-list ion-radio-group ion-item.select-interface-option ion-radio.hydrated::part(container) {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
ion-item {
|
||||
font-size: var(--text-size);
|
||||
}
|
||||
|
|
|
@ -29,36 +29,34 @@
|
|||
@import "components/videojs.scss";
|
||||
|
||||
/* Ionic components overrides */
|
||||
:root {
|
||||
@import "components/ion-accordion.scss";
|
||||
@import "components/ion-action-sheet.scss";
|
||||
@import "components/ion-alert.scss";
|
||||
@import "components/ion-avatar.scss";
|
||||
@import "components/ion-back-button.scss";
|
||||
@import "components/ion-badge.scss";
|
||||
@import "components/ion-button.scss";
|
||||
@import "components/ion-card.scss";
|
||||
@import "components/ion-checkbox.scss";
|
||||
@import "components/ion-chip.scss";
|
||||
@import "components/ion-content.scss";
|
||||
@import "components/ion-datetime.scss";
|
||||
@import "components/ion-fab.scss";
|
||||
@import "components/ion-header.scss";
|
||||
@import "components/ion-icon.scss";
|
||||
@import "components/ion-input.scss";
|
||||
@import "components/ion-item.scss";
|
||||
@import "components/ion-item-divider.scss";
|
||||
@import "components/ion-modal.scss";
|
||||
@import "components/ion-loading.scss";
|
||||
@import "components/ion-note.scss";
|
||||
@import "components/ion-popover.scss";
|
||||
@import "components/ion-radio.scss";
|
||||
@import "components/ion-searchbar.scss";
|
||||
@import "components/ion-select.scss";
|
||||
@import "components/ion-spinner.scss";
|
||||
@import "components/ion-toast.scss";
|
||||
@import "components/swiper.scss";
|
||||
}
|
||||
@import "components/ion-accordion.scss";
|
||||
@import "components/ion-action-sheet.scss";
|
||||
@import "components/ion-alert.scss";
|
||||
@import "components/ion-avatar.scss";
|
||||
@import "components/ion-back-button.scss";
|
||||
@import "components/ion-badge.scss";
|
||||
@import "components/ion-button.scss";
|
||||
@import "components/ion-card.scss";
|
||||
@import "components/ion-checkbox.scss";
|
||||
@import "components/ion-chip.scss";
|
||||
@import "components/ion-content.scss";
|
||||
@import "components/ion-datetime.scss";
|
||||
@import "components/ion-fab.scss";
|
||||
@import "components/ion-header.scss";
|
||||
@import "components/ion-icon.scss";
|
||||
@import "components/ion-input.scss";
|
||||
@import "components/ion-item.scss";
|
||||
@import "components/ion-item-divider.scss";
|
||||
@import "components/ion-modal.scss";
|
||||
@import "components/ion-loading.scss";
|
||||
@import "components/ion-note.scss";
|
||||
@import "components/ion-popover.scss";
|
||||
@import "components/ion-radio.scss";
|
||||
@import "components/ion-searchbar.scss";
|
||||
@import "components/ion-select.scss";
|
||||
@import "components/ion-spinner.scss";
|
||||
@import "components/ion-toast.scss";
|
||||
@import "components/swiper.scss";
|
||||
|
||||
/* Some styles from 3rd party libraries. */
|
||||
@import "components/bootstrap/utilities/screenreaders.scss";
|
||||
|
|
Loading…
Reference in New Issue