ionic 4 настраиваемая ширина ионного меню не работает в ios - PullRequest
Новая
       43

ionic 4 настраиваемая ширина ионного меню не работает в ios

0 голосов
/ 01 ноября 2019

У меня проблема с пользовательской шириной приложения ionic 4 в ion-menu, которая не работает в iPhone 5 / 5s. Он отлично работает в iPhone 6 и выше.

Мне нужна пользовательская ширина 100px для меню.

app.component.html 

<ion-app>
<ion-split-pane>
<ion-menu class="appMainmenu" type="overlay" [swipeGesture]="false">
  <ion-content class="bg-profile">
    <ion-list no-margin>
      <ion-list-header color="dark" margin-bottom style="min-height: 2.9em;">
        <ion-label>Menu</ion-label>
      </ion-list-header>



      <ion-menu-toggle auto-hide="false" *ngFor="let p of appPages">

        <div [routerLink]="[p.url]" class="menuMargin" text-center (click)="openPage(p)"
          [class.activeMenu]="checkActivePage(p)">
          <h4 class="fs-35" no-padding>
            <ion-icon slot="start" [name]="p.icon" color="dark"></ion-icon>
          </h4>
          <h5 class="fs-13" no-padding> {{p.title}} </h5>
        </div>
      </ion-menu-toggle>
      <ion-menu-toggle auto-hide="false">
        <div class="menuMargin" text-center (click)="logout()" [class.activeMenu]="checkActivePage(p)">
          <h4 class="fs-35" no-padding>
            <ion-icon name="power" color="dark"></ion-icon>
          </h4>
          <h5 class="fs-13" no-padding> Logout </h5>
        </div>
        <div ctext-center>
          <h4 class="versioncss" no-padding>V - 1.0.28</h4>
        </div>
      </ion-menu-toggle>
    </ion-list>
  </ion-content>
</ion-menu>
<ion-router-outlet [swipeGesture]="false" main></ion-router-outlet>

global.css 

.appMainmenu{
--width: 100px;
width: 100px
}

1 Ответ

1 голос
/ 01 ноября 2019

Попробуйте добавить ion-menu в качестве селектора в css: 

ion-menu.appMainmenu {
    --width: 100px;
}
...