Merge pull request #3588 from alfonso-salces/MOBILE-4291

MOBILE-4291 AddonUserProfile: Display full text in checkbox label

src/addons/userprofilefield/checkbox/component/addon-user-profile-field-checkbox.html

@@ -14,7 +14,7 @@
 <!-- Edit. -->
 <ion-item *ngIf="edit && field && field.shortname && form" [formGroup]="form">
     <ion-label>
-        <span [core-mark-required]="required">{{ field.name }}</span>
+        <span class="label-text" [core-mark-required]="required">{{ field.name }}</span>
         <core-input-errors [control]="form.controls[modelName]"></core-input-errors>
     </ion-label>
     <ion-checkbox item-end [formControlName]="modelName">

src/addons/userprofilefield/checkbox/component/checkbox.scss

@@ -0,0 +1,9 @@
+:host {
+    --text-overflow: initial;
+    --white-space: normal;
+
+    .label-text {
+        text-overflow: var(--text-overflow);
+        white-space: var(--white-space);
+    }
+}

src/addons/userprofilefield/checkbox/component/checkbox.ts

@@ -25,6 +25,7 @@ import { CoreUtils } from '@services/utils/utils';
 @Component({
     selector: 'addon-user-profile-field-checkbox',
     templateUrl: 'addon-user-profile-field-checkbox.html',
+    styleUrls: ['./checkbox.scss'],
 })
 export class AddonUserProfileFieldCheckboxComponent extends CoreUserProfileFieldBaseComponent {