add temporary workaround for mobile resolutions

This commit is contained in:
David Rodenkirchen
2024-05-28 07:09:18 +02:00
parent c65ab312ad
commit 9343d2ffea
10 changed files with 65 additions and 11 deletions
+29 -2
View File
@@ -7,6 +7,33 @@ from ezgg_website.components.ticker import Ticker
class Header(rio.Component):
def build(self) -> rio.Component:
# FixMe: Temporary fix for low screen widths. Fixable once Rio offers better mobile-targeted layouting
if self.session.window_width < 67.125:
return rio.Column(
rio.Rectangle(
content=rio.Column(
rio.Row(
rio.Link(
rio.Image(from_root("ezgg_website/assets/placeholder_logo_grey.png"), align_x=0,
width=8),
"/"
)
),
margin=1
),
fill=self.session.theme.neutral_color,
corner_radius=self.session.theme.corner_radius_medium,
shadow_radius=0.5,
shadow_color=self.session.theme.hud_color,
shadow_offset_y=0
),
align_y=0,
margin_top=1,
margin_left=1,
margin_right=1,
height=4
)
return rio.Column(
rio.Rectangle(
content=rio.Column(
@@ -18,13 +45,13 @@ class Header(rio.Component):
rio.Text("Sinnlose Infos aus dem Vereinskern:", justify="left", width="grow", margin_left=0.8),
Ticker(
texts=[
"Ganz im Geiste der EZ GG wurde der Verein in einer schlecht beleuchteten Kellerbar gegründet",
"Die EZ GG wurde in einer schlecht beleuchteten Kellerbar gegründet",
"Aktuelle hat der EZ GG e.V. sieben Mitglieder",
"Bist du auch ein Genießer? Dann tritt uns doch bei!",
"Auch Wasser wird zum edlen Tropfen, mischt man es mit Malz und Hopfen."
],
refresh_interval=30,
tick_in_order=True,
tick_in_order=False,
style=TextStyle(italic=True),
width="grow",
justify="right"