only show the help button on desktop
This commit is contained in:
parent
f6320d5321
commit
e01eff8755
13
static/style.css
vendored
13
static/style.css
vendored
|
@ -170,3 +170,16 @@ textarea.parsley-error {
|
||||||
.domain_detail_content {
|
.domain_detail_content {
|
||||||
font-size: 15px;
|
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;
|
||||||
|
}
|
||||||
|
}
|
|
@ -77,7 +77,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% if ZENDESK_ENABLED %}
|
{% if ZENDESK_ENABLED %}
|
||||||
<div class="dropdown nav-item d-flex align-items-center">
|
<div id="help-btn" class="dropdown nav-item align-items-center">
|
||||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Help</a>
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Help</a>
|
||||||
<div class="dropdown-menu dropdown-menu-left dropdown-menu-arrow">
|
<div class="dropdown-menu dropdown-menu-left dropdown-menu-arrow">
|
||||||
<div class="dropdown-item">
|
<div class="dropdown-item">
|
||||||
|
|
Loading…
Reference in a new issue