add docker icon on mobile

Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
This commit is contained in:
Jérémie Drouet 2020-05-25 15:34:46 +02:00
parent 984b125ab4
commit b1df140e4f
5 changed files with 39 additions and 4 deletions

View File

@ -2,10 +2,12 @@
<!-- <div class="fan"></div> -->
<div class="container-fluid">
<div class="navbar-header">
<a href="/"><img class="logo" src="/images/docker-docs-logo.svg" alt="Docker Docs" title="Docker Docs"></a>
<a href="/">
<img class="logo" src="/images/docker-docs-logo.svg" alt="Docker Docs" title="Docker Docs">
</a>
</div>
<div class="navbar-collapse" aria-expanded="false" style="height: 1px;">
{% include navigation.html %}
</div>
</div>
</nav>
</nav>

View File

@ -1,3 +1,8 @@
<div class="logo-mobile">
<a href="/">
<img src="/images/docker-icon.svg" alt="Docker Docs" title="Docker Docs">
</a>
</div>
<div class="search-form" id="search-div" style="visibility: hidden">
<form class="search-form form-inline ng-pristine ng-valid" id="searchForm" action="/search/">
<input class="search-field form-control ds-input" id="st-search-input" value="" name="q" placeholder="Search the docs" type="search" autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top;">

View File

@ -13,6 +13,25 @@
.logo {
margin: 12px 10px 0 10px;
width: 160px;
display: none;
@include lg-width {
display: initial;
}
}
.logo-mobile {
a {
float: left;
img {
margin: 12px 15px;
height: 30px;
}
}
@include lg-width {
display: none;
}
}
/*

View File

@ -10,8 +10,7 @@
.nav-primary,
.hero-text,
.banner,
ul.primary.nav.navbar-nav,
.nav-secondary .logo {
ul.primary.nav.navbar-nav {
display: none;
}
.header,

10
images/docker-icon.svg Normal file
View File

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns="http://www.w3.org/2000/svg"
version="1.1"
viewBox="0 0 30 30">
<path
style="stroke-width:0.833891"
d="M 29.371846,12.438214 C 28.69672,11.969773 27.149557,11.794108 25.939957,12.028328 25.799305,10.857226 25.15231,9.832511 24.027101,8.9249066 L 23.380105,8.4564655 22.930021,9.1298496 c -0.562605,0.8783264 -0.843908,2.1079844 -0.759516,3.2790864 0.02812,0.409886 0.168781,1.141825 0.590734,1.785931 -0.393823,0.234221 -1.2096,0.526996 -2.278549,0.526996 H 0.14452461 l -0.05626044,0.234221 c -0.19691175,1.171102 -0.19691175,4.830797 2.10976813,7.641443 1.744075,2.137262 4.3320573,3.220531 7.7358165,3.220531 7.3701232,0 12.8273902,-3.542584 15.3872422,-9.95437 1.012689,0.02928 3.178718,0 4.275798,-2.195817 0.02812,-0.05856 0.08439,-0.175665 0.281301,-0.614829 l 0.112526,-0.23422 z M 16.403805,4.1819416 h -3.094327 v 2.9277562 h 3.094327 z m 0,3.5133073 h -3.094327 v 2.9277561 h 3.094327 z m -3.656932,0 H 9.6525465 v 2.9277561 h 3.0943265 z m -3.6569313,0 H 5.995615 V 10.623005 H 9.0899417 Z M 5.4330102,11.208556 H 2.3386835 v 2.927756 h 3.0943267 z m 3.6569315,0 H 5.995615 v 2.927756 h 3.0943267 z m 3.6569313,0 H 9.6525465 v 2.927756 h 3.0943265 z m 3.656932,0 h -3.094327 v 2.927756 h 3.094327 z m 3.656931,0 H 16.96641 v 2.927756 h 3.094326 z"
fill="white" />
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB