Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tweak content box on play info pages for mobile screens #103

Open
cmil opened this issue Oct 10, 2020 · 0 comments
Open

Tweak content box on play info pages for mobile screens #103

cmil opened this issue Oct 10, 2020 · 0 comments

Comments

@cmil
Copy link
Member

cmil commented Oct 10, 2020

On play info pages (e.g. https://staging.dracor.org/ger/lessing-emilia-galotti) the contents of the individual tabs is displayed in a box (#dashboard > div) hovering over main background. While I like the white background of that box, on narrow screens its margins, drop shadow and padding take quite some space that would better be used for the actual contents, especially the network graph and charts. Therefore, for mobile screens, I suggest to eliminate this box or make it use 100% of available width without drop shadow and margins and reduce its inner padding.

Alternatively we could consider getting rid of this box altogether, since it is kind of a remnant of the bootstrap card widget we used before but have more or less dissolved by now.

@cmil cmil changed the title Remove content box on play info pages for mobile screens Tweak content box on play info pages for mobile screens Oct 10, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant