MOBILE-3320 more: Add customization css options

src/core/features/mainmenu/pages/more/more.html

@@ -13,12 +13,12 @@
             <ion-item button *ngIf="siteInfo" class="ion-text-wrap" core-user-link [userId]="siteInfo.userid">
                 <core-user-avatar [user]="siteInfo" slot="start"></core-user-avatar>
                 <ion-label>
-                    <h2>{{siteInfo.fullname}}</h2>
-                    <p>
+                    <p class="item-heading">{{siteInfo.fullname}}</p>
+                    <p class="core-moremenu-siteinfo core-moremenu-sitename">
                         <core-format-text [text]="siteName" contextLevel="system" [contextInstanceId]="0" [wsNotFiltered]="true">
                         </core-format-text>
                     </p>
-                    <p>{{ siteUrl }}</p>
+                    <p class="core-moremenu-siteinfo core-moremenu-siteurl">{{ siteUrl }}</p>
                 </ion-label>
             </ion-item>
             <core-spacer></core-spacer>

src/core/features/mainmenu/pages/more/more.scss

@@ -1,3 +1,5 @@
+@import "~theme/globals";
+
 ion-item {
 	--border-color: var(--core-more-item-border,
         var(--ion-item-border-color,
@@ -15,3 +17,21 @@ ion-item {
         color: var(--core-more-icon, inherit);
     }
 }
+
+@if ($core-more-hide-siteinfo) {
+    .core-moremenu-siteinfo {
+        display: none;
+    }
+}
+
+@if ($core-more-hide-sitename) {
+    .core-moremenu-sitename {
+        display: none;
+    }
+}
+
+@if ($core-more-hide-siteurl) {
+    .core-moremenu-siteurl {
+        display: none;
+    }
+}

src/theme/globals.variables.scss

@@ -395,6 +395,10 @@ $addon-forum-highlight-color-dark: $gray-darker !default;
 
 $core-more-icon-color: null !default;
 $core-more-item-border: null !default;
+$core-more-hide-siteinfo: false !default;
+$core-more-hide-sitename: false !default;
+$core-more-hide-siteurl: false !default;
+
 $core-fixed-url: false !default;
 $core-dashboard-logo: false !default;
 $core-always-show-main-menu: false !default;