From f6320d5321497ad5c9496efa620e6ad1252f0d12 Mon Sep 17 00:00:00 2001 From: Son Date: Tue, 26 Apr 2022 13:00:57 +0200 Subject: [PATCH 1/3] use another logo for mobile --- static/logo-without-text.svg | 25 +++++++++++++++++++++++++ templates/header.html | 9 ++++++++- 2 files changed, 33 insertions(+), 1 deletion(-) create mode 100755 static/logo-without-text.svg diff --git a/static/logo-without-text.svg b/static/logo-without-text.svg new file mode 100755 index 00000000..32131895 --- /dev/null +++ b/static/logo-without-text.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/templates/header.html b/templates/header.html index 656317ba..60302b9f 100644 --- a/templates/header.html +++ b/templates/header.html @@ -2,7 +2,14 @@
- logo + + + + logo +
From e01eff8755a837ae31ec1638672932a129e24667 Mon Sep 17 00:00:00 2001 From: Son Date: Tue, 26 Apr 2022 13:01:12 +0200 Subject: [PATCH 2/3] only show the help button on desktop --- static/style.css | 13 +++++++++++++ templates/header.html | 2 +- 2 files changed, 14 insertions(+), 1 deletion(-) diff --git a/static/style.css b/static/style.css index 0996d792..cd0c5eeb 100644 --- a/static/style.css +++ b/static/style.css @@ -170,3 +170,16 @@ textarea.parsley-error { .domain_detail_content { font-size: 15px; } + +/* Only show the help button on desktop */ +@media only screen and (max-width: 500px) { + #help-btn { + display: none; + } +} + +@media only screen and (min-width: 500px) { + #help-btn { + display: flex; + } +} \ No newline at end of file diff --git a/templates/header.html b/templates/header.html index 60302b9f..8d5b94af 100644 --- a/templates/header.html +++ b/templates/header.html @@ -77,7 +77,7 @@
{% if ZENDESK_ENABLED %} -