Ionic5行-减少高度

Question

我的ion-row的默认高度太大。请参见屏幕截图。它只包含一个图标。我想把它限制在可能的最小宽度。多么?我在no-margin上试过了，但不起作用。

下面是代码

​

​

<ion-grid *ngIf="!drawerIsIdle()" class="ion-no-margin">
    <ion-row class="ion-no-margin">
      <ion-col size='5' class="ion-no-margin"></ion-col>
      <ion-col size='2' class="ion-no-margin">
        <ion-button fill="clear" size="small" (click)="hideDrawer()">
          <ion-icon name="remove-outline"></ion-icon>
        </ion-button>
      </ion-col>
      <ion-col size='5' class="ion-no-margin"></ion-col>
    </ion-row>
  </ion-grid>
  <ion-grid *ngIf="drawerIsIdle()">
    <ion-row>
      <ion-col size="4" text-center><ion-button color="10-session" fill="clear" size="small">Hi</ion-button></ion-col>

Answer 1

您还需要使用class="ion-no-padding"删除一些填充。

在浏览器中检查您的元素以检查填充。

Chrome(在示例中)

​

​