MOBILE-3320 rte: Minor RTE style fixes

main
Pau Ferrer Ocaña 2021-06-08 16:12:56 +02:00
parent b335b5123a
commit b6e0bc2340
5 changed files with 18 additions and 9 deletions

View File

@ -53,7 +53,7 @@
</ion-item> </ion-item>
</ion-card> </ion-card>
<core-empty-box *ngIf="!filteredEvents || !filteredEvents.length" icon="fas-calendar" <core-empty-box *ngIf="!filteredEvents || !filteredEvents.length" icon="fas-calendar" inline="true"
[message]="'addon.calendar.noevents' | translate"> [message]="'addon.calendar.noevents' | translate">
</core-empty-box> </core-empty-box>

View File

@ -47,10 +47,6 @@
@include margin(10px, 0, 0, 0); @include margin(10px, 0, 0, 0);
} }
.core-loading-content {
display: contents;
}
&.core-loading-noheight .core-loading-content { &.core-loading-noheight .core-loading-content {
height: auto; height: auto;
} }

View File

@ -48,7 +48,7 @@
</button> </button>
</ion-slide> </ion-slide>
<ion-slide> <ion-slide>
<button [disabled]="!rteEnabled" [attr.aria-pressed]="toolbarStyles.em" [title]=" 'core.editor.italic' | translate" <button [disabled]="!rteEnabled" [attr.aria-pressed]="toolbarStyles.em" [title]="'core.editor.italic' | translate"
(click)="buttonAction($event, 'italic', 'em')" (keyup)="buttonAction($event, 'italic', 'em')" (click)="buttonAction($event, 'italic', 'em')" (keyup)="buttonAction($event, 'italic', 'em')"
(mousedown)="downAction($event)" (keydown)="downAction($event)"> (mousedown)="downAction($event)" (keydown)="downAction($event)">
<ion-icon name="fas-italic" aria-hidden="true"></ion-icon> <ion-icon name="fas-italic" aria-hidden="true"></ion-icon>
@ -129,14 +129,14 @@
</button> </button>
</ion-slide> </ion-slide>
<ion-slide> <ion-slide>
<button [attr.aria-pressed]="!rteEnabled" [title]=" 'core.editor.toggle' | translate" <button [attr.aria-pressed]="!rteEnabled" [title]="'core.editor.toggle' | translate"
(click)="toggleEditor($event)" (keyup)="toggleEditor($event)" (click)="toggleEditor($event)" (keyup)="toggleEditor($event)"
(mousedown)="downAction($event)" (keydown)="downAction($event)"> (mousedown)="downAction($event)" (keydown)="downAction($event)">
<ion-icon name="fas-code" aria-hidden="true"></ion-icon> <ion-icon name="fas-code" aria-hidden="true"></ion-icon>
</button> </button>
</ion-slide> </ion-slide>
<ion-slide *ngIf="isPhone"> <ion-slide *ngIf="isPhone">
<button [title]=" 'core.editor.hidetoolbar' | translate" <button [title]="'core.editor.hidetoolbar' | translate"
(click)="hideToolbar($event)" (keyup)="hideToolbar($event)" (click)="hideToolbar($event)" (keyup)="hideToolbar($event)"
(mousedown)="downAction($event)" (keydown)="downAction($event)"> (mousedown)="downAction($event)" (keydown)="downAction($event)">
<ion-icon name="fas-times" aria-hidden="true"></ion-icon> <ion-icon name="fas-times" aria-hidden="true"></ion-icon>

View File

@ -168,3 +168,7 @@
:host-context(.keyboard-is-open) { :host-context(.keyboard-is-open) {
min-height: 200px; min-height: 200px;
} }
:host-context(.item-label-stacked) {
margin-top: 10px;
}

View File

@ -277,12 +277,21 @@ ion-button.button-clear {
.clickable { .clickable {
cursor: pointer; cursor: pointer;
[disabled], [disabled],
[aria-disabled="true"] { [aria-disabled="true"] {
cursor: auto; cursor: default;
opacity: .4;
pointer-events: none;
} }
} }
button[disabled] {
cursor: default;
opacity: .4;
pointer-events: none;
}
ion-button.core-button-as-link { ion-button.core-button-as-link {
text-transform: none; text-transform: none;
text-decoration: underline; text-decoration: underline;