Impossible to resize a logo (image) in ion-header

Question

I can't resize my logo inside ion-header and ion-toolbar with Ionic 5, and I don't understand why ...

I've try anything like :

<ion-header [translucent]="true">
  <ion-toolbar>
    <img height="44" class="logo-full" alt="mylogo">
  </ion-toolbar>
</ion-header>

And :

.logo-full{
   content: url("../assets/logo/logo-dark.png");
   height: 44px;
}

I have try to resize header and toolbar, remove toolbar but nothing seems to work for me ...

I know that it's simple usually, but with yearly updates, it's difficult to understand ...

Thank's all folks !

Answer 1

Try this:

ion-toolbar, ion-header .logo-full{
   content: url("http://placekitten.com/301/301");
   width:44px;
   height: 44px;
   border:2px solid black;
}

<ion-header [translucent]="true">
  <ion-toolbar>
    <img class="logo-full" alt="mylogo">
  </ion-toolbar>
</ion-header>

for 200 X 44(width)

ion-toolbar, ion-header .logo-full{ 
  content: url("http://placekitten.com/301/301");
  width: 44px;
  height: 200px;
  border: 2px solid black;
}

<ion-header [translucent]="true">
  <ion-toolbar>
    <img class="logo-full" alt="mylogo">
  </ion-toolbar>
</ion-header>