MOBILE-2430 ux: Add fab button to wiki and glossary

src/addon/coursecompletion/lang/en.json

@@ -3,6 +3,7 @@
     "completecourse": "Complete course",
     "completed": "Completed",
     "completiondate": "Completion date",
+    "completionmenuitem": "Completion",
     "couldnotloadreport": "Could not load the course completion report. Please try again later.",
     "coursecompletion": "Course completion",
     "criteria": "Criteria",

src/addon/coursecompletion/providers/course-option-handler.ts

@@ -69,7 +69,7 @@ export class AddonCourseCompletionCourseOptionHandler implements CoreCourseOptio
      */
     getDisplayData?(injector: Injector, courseId: number): CoreCourseOptionsHandlerData {
         return {
-            title: 'addon.coursecompletion.coursecompletion',
+            title: 'addon.coursecompletion.completionmenuitem',
             class: 'addon-coursecompletion-course-handler',
             component: AddonCourseCompletionReportComponent,
         };

src/addon/mod/choice/components/index/addon-mod-choice-index.html

@@ -72,7 +72,7 @@
                         <ion-icon item-start name="warning" color="warning"></ion-icon> {{ 'addon.mod_choice.resultsnotsynced' | translate }}
                     </ion-item>
                     <ion-item>
-                        <canvas core-chart type="pie" [data]="data" [labels]="labels"></canvas>
+                        <canvas core-chart type="pie" [data]="data" [labels]="labels" height="300"></canvas>
                     </ion-item>
                 </ion-col>
                 <ion-col *ngIf="choice.publish && results" col-12 col-lg-8>

src/addon/mod/glossary/components/index/addon-mod-glossary-index.html

@@ -16,7 +16,7 @@
 
 <!-- Content. -->
 <core-split-view>
-    <ion-content>
+    <ion-content [class.has-fab]="canAdd">
         <ion-refresher [enabled]="loaded" (ionRefresh)="doRefresh($event)">
             <ion-refresher-content pullingText="{{ 'core.pulltorefresh' | translate }}"></ion-refresher-content>
         </ion-refresher>
@@ -60,5 +60,11 @@
                 <ion-infinite-scroll-content></ion-infinite-scroll-content>
             </ion-infinite-scroll>
         </core-loading>
+
+        <ion-fab bottom right *ngIf="canAdd">
+            <button ion-fab (click)="openNewEntry()" [attr.aria-label]="'addon.mod_glossary.addentry' | translate">
+                <ion-icon name="add"></ion-icon>
+            </button>
+        </ion-fab>
     </ion-content>
 </core-split-view>

src/addon/mod/wiki/components/index/addon-mod-wiki-index.html

@@ -72,3 +72,9 @@
     </core-tabs>
 
 </core-loading>
+
+<ion-fab bottom right *ngIf="canEdit">
+    <button ion-fab (click)="goToNewPage()" [attr.aria-label]="'addon.mod_wiki.createpage' | translate">
+        <ion-icon name="add"></ion-icon>
+    </button>
+</ion-fab>

src/app/app.ios.scss

@@ -41,6 +41,7 @@
     height: calc(100% - #{($navbar-ios-height)});
 }
 
+.platform-cordova.ios .core-avoid-header ion-content.statusbar-padding,
 .platform-cordova.ios .core-avoid-header .menu-inner > ion-content {
     top: $navbar-ios-height + $cordova-ios-statusbar-padding;
     height: calc(100% - #{($navbar-ios-height + $cordova-ios-statusbar-padding)});

src/components/rich-text-editor/rich-text-editor.ts

@@ -155,7 +155,6 @@ export class CoreRichTextEditorComponent implements AfterContentInit, OnDestroy
      */
     protected maximizeEditorSize(): Promise<number> {
         this.content.resize();
-        const contentVisibleHeight = this.content.contentHeight;
 
         const deferred = this.utils.promiseDefer();
 

src/components/tabs/tabs.scss

@@ -17,6 +17,7 @@
         color: $core-top-tabs-color !important;
         font-size: 1.6rem;
         border: 0;
+        padding: 0 !important;
 
         span {
             text-overflow: ellipsis;
@@ -24,6 +25,7 @@
             overflow: hidden;
             word-wrap: break-word;
             display: block;
+            width: 100%;
         }
 
         &[aria-selected=true] {