diff --git a/base.css b/base.css index 6fb75d2..9dc1374 100644 --- a/base.css +++ b/base.css @@ -77,12 +77,19 @@ div[data-role="controlgroup"] a[data-role="button"] { background-color: rgba(0, 0, 0, 0.7); } } +/* Play button hovering (for low width windows) */ @media all and (max-width: 70em){ + .cardOverlayFab-primary { + background-color: #00000000; + } .cardOverlayButtonIcon { - background-color: rgba(0, 0, 0, 0.5) !important; + background-color: #00000000 !important; + } + .cardOverlayContainer { + background-color: rgba(0, 0, 0, 0.7); } .cardOverlayButton { - padding: 0.5em; + padding: 0.25em; } } diff --git a/titlepage/title_simple-logo.css b/titlepage/title_simple-logo.css index 4b60f01..7455dbd 100644 --- a/titlepage/title_simple-logo.css +++ b/titlepage/title_simple-logo.css @@ -17,6 +17,12 @@ .layout-desktop .detailRibbon { background: rgba(0,0,0,0) !important; } + +/* Fix poster image not showing in high width windows */ +.layout-desktop .detailImageContainer .card { + top: 18vh; +} + @media all and (min-width: 32em){ .itemBackdrop { display: none;