Projekt

Allgemein

Aktionen

GX-Bug #56051

geschlossen

Logo in manchen Fällen im IE/Edge und Chrome nicht richtig vertikal zentriert

Von Torben Wark vor etwa 7 Jahren hinzugefügt. Vor etwa 7 Jahren aktualisiert.

Status:
Erledigt
Priorität:
Normal
Zugewiesen an:
Mirko Janssen
Kategorie:
Honeygrid
Zielversion:
% erledigt:

100%

Geschätzter Aufwand:
Steps to reproduce:
Betroffene Versionen:
3.9.1.2
Release Notes Langtext:

Logo im IE/Edge und Chrome vertikal zentriert


Beschreibung

In manchen Fällen kann es noch immer dazu kommen, dass das Logo nicht richtig vertikal zentriert wird. Das liegt daran, dass diese Browser ein display: table auf ein a-Tag nicht akzeptieren und dementsprechend das display: table-cell für das Bild nicht richtig funktioniert. Es sollte darüber anchgedacht werden, hier einen anderen Mechanismus zur Zentrierung zu finden.

Mögliche CSS-Lösung:
@media (min-width: $screen-sm-min)
{
#navbar-brand {
height: 80px;
display: table;
}

#navbar-brand a {
    height: auto;
    display: table-cell;
    vertical-align: middle;
}

#navbar-brand a img {
    display: inherit;
    width: 100%;
}

}


Checkliste 0/0


Zugehörige Tickets

Kopiert nach GX-Entwicklung - GX-Bug #56065: Logo in manchen Fällen im IE/Edge und Chrome nicht richtig vertikal zentriertErledigtMirko Janssen

Aktionen
Aktionen #3

Von Torben Wark vor etwa 7 Jahren aktualisiert

  • Status wurde von In Bearbeitung zu Testing geändert
  • Zugewiesen an wurde von Torben Wark zu Core-Entwickler geändert

Für den Test wird ein recht großes (Länge und Breite) benötigt, welches durch den Browser kleiner skaliert werden sollte.

Aktionen