Projekt

Allgemein

Profil

Aktionen

GX-Bug #62037

geschlossen

Footer Boxen in der mobile-Darstellung zu groß

Von Philip Rogge vor fast 5 Jahren hinzugefügt. Vor fast 3 Jahren aktualisiert.

Status:
Erledigt
Priorität:
Normal
Zugewiesen an:
Julian Heckmann
Kategorie:
Frontend
Zielversion:
% erledigt:

100%

Geschätzter Aufwand:
Steps to reproduce:
Betroffene Versionen:
3.12.0.4, Unbestimmt
Release Notes Langtext:

Footer Boxen in der mobilen-Darstellung nicht mehr zu groß

Tags:
Fix

Beschreibung

Für jede Spalte des Footers wird eine feste Höhe gesetzt ($gx-footer-height). Dies ist für Desktop und Tablet auch gut, auf mobile werden somit aber große Abstände erzeugt, da hier die Spalten untereinander dargestellt werden. Die Höhe sollte daher in der mobilen Ansicht dynamisch sein und erst ab Tablet fest gesetzt werden.

Lösungvorschlag:

in der Datei Datei _footer.scss folgenden Code einfügen:

@media (min-width: $screen-sm-min) {
   height: $gx-footer-height;
}

A fixed height is set for each column of the footer ($gx-footer-height). This is good for desktop and tablet as well, but on mobile devices large distances are created because the columns are displayed one below the other. The height should therefore be dynamic in the mobile view and should only be fixed from Tablet on.

Suggested solution:

Insert the following code in the file _footer.scss:

@media (min-width: $screen-sm-min) {
   height: $gx-footer-height;
}

Dateien


Aktionen #2

Von Till Tepelmann vor fast 5 Jahren aktualisiert

  • Tags wurde auf Fix gesetzt
  • Beschreibung aktualisiert (Vergleich)
  • Kategorie wurde auf Frontend gesetzt
  • Zielversion wurde auf 133 gesetzt
  • Betroffene Versionen 3.12.0.4 wurde hinzugefügt
Aktionen #3

Von Philip Rogge vor fast 5 Jahren aktualisiert

  • Tags wurde von Fix zu Fix, Frontend geändert
Aktionen #4

Von Philip Rogge vor fast 5 Jahren aktualisiert

Aktionen #5

Von Anis Mashku vor fast 5 Jahren aktualisiert

  • Status wurde von Gemeldet zu In Bearbeitung geändert
  • Zugewiesen an wurde auf Anis Mashku gesetzt
  • Zielversion wurde von 133 zu 3.13.2.0 beta1 geändert
Aktionen #6

Von Anis Mashku vor fast 5 Jahren aktualisiert

  • Status wurde von In Bearbeitung zu Testing geändert
  • Zugewiesen an wurde von Anis Mashku zu Core-Entwickler geändert
Aktionen #7

Von Julian Heckmann vor fast 5 Jahren aktualisiert

  • Zugewiesen an wurde von Core-Entwickler zu Julian Heckmann geändert
Aktionen #8

Von Julian Heckmann vor fast 5 Jahren aktualisiert

  • Status wurde von Testing zu Erledigt geändert
  • % erledigt wurde von 0 zu 100 geändert
  • Release Notes Langtext aktualisiert (Vergleich)
Aktionen #9

Von Till Tepelmann vor fast 5 Jahren aktualisiert

  • Tags wurde von Fix, Frontend zu Fix, Frontend, stable geändert
Aktionen #10

Von Moritz Bunjes vor fast 5 Jahren aktualisiert

  • Tags wurde von Fix, Frontend, stable zu Fix, Frontend geändert
Aktionen #11

Von Moritz Bunjes vor fast 3 Jahren aktualisiert

  • Tags wurde von Fix, Frontend zu Fix geändert
Aktionen

Auch abrufbar als: Atom PDF