add temporary workaround for mobile resolutions
This commit is contained in:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user