From 794b8a9863358c4572726c0d89704271efcf2527 Mon Sep 17 00:00:00 2001 From: Benjamin Auder Date: Mon, 10 Dec 2018 10:56:51 +0100 Subject: [PATCH] Improve 'help' modal style on large screens --- public/stylesheets/index.sass | 7 +++++++ views/index.pug | 8 ++++---- 2 files changed, 11 insertions(+), 4 deletions(-) diff --git a/public/stylesheets/index.sass b/public/stylesheets/index.sass index 77ba9aec..6f5fedfe 100644 --- a/public/stylesheets/index.sass +++ b/public/stylesheets/index.sass @@ -20,6 +20,13 @@ max-height: 100vh max-width: 90vw +.conditional-jump + display: block + +@media screen and (max-width: 710px) + .conditional-jump + display: inline + @media screen and (max-width: 400px) #welcome, #help max-width: 100vw diff --git a/views/index.pug b/views/index.pug index 2a2a2d2b..6e8cc0b4 100644 --- a/views/index.pug +++ b/views/index.pug @@ -16,10 +16,10 @@ block content #help.card label.modal-close(for="modal-help") h3.blue.section Tips - p.section. - On a variant page, read the rules by clicking on the title "<Variant> rules". - Try playing against a human: click the leftmost "new game" button :) - ...then, while waiting you can play against a (rather weak) bot or a friend. + p.section + span.conditional-jump On a variant page, read the rules by clicking on the title "<Variant> rules". + span.conditional-jump Try playing against a human: click the leftmost "new game" button :) + | ...then, while waiting you can play against a (rather weak) bot or a friend. // TODO? On the index page, try typing the first letters of a variant. h3.blue.section Comments p.section. -- 2.44.0