Unified Diff: includes/layout/header.tmpl
Issue 29485575:
Issue 5385 - Create Site Header Component for Help Center (Closed)
Patch Set: Implement navbar-collapse
Created Aug. 25, 2017, 8:25 a.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« no previous file
|
static/img/png/external-icon.png » ('j')
|
static/js/main.js » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: includes/layout/header.tmpl |
| =================================================================== |
| new file mode 100644 |
| --- /dev/null |
| +++ b/includes/layout/header.tmpl |
| @@ -0,0 +1,31 @@ |
| +<header id="site-header" class="navbar"> |
| + <div class="navbar-wrapper"> |
| + <h1 id="site-title"> |
| + {{ "index" | linkify() }} |
| + <img src="/img/png/eyeo-help.png" srcset="/img/svg/eyeo-help.svg 2x" alt="{{ "eyeo Help" | translate("site-title", "Image alt text") }}"> |
| + </a> |
| + </h1> |
| + |
| + <button class="toggle-navbar-collapse unstyled tablet-and-mobile-only"> |
| + <img src="/img/png/search-icon.png" srcset="/img/svg/search-icon.svg 2x" alt="{{ "Toggle Search Bar" | translate("search-toggle-alt", "Image alt text") }}"> |
| + </button> |
| + |
| + <div class="navbar-collapse"> |
| + <form id="search-form" action="https://duckduckgo.com" method="GET"> |
| + <label for="search" class="sr-only">{{ "Search Adblock Plus Help" | translate("search-form-label", "Input label") }}</label> |
| + <input id="search" name="q" type="search" placeholder="{{ "Search Adblock Plus Help" | translate("search-form-label", "Input label") }}"> |
| + <input type="hidden" name="sites" value="adblockplus.org"> |
| + <button type="submit"> |
| + <img src="/img/png/search-icon.png" srcset="/img/svg/search-icon.svg 2x" alt="{{ "Search" | translate("search-icon-alt", "Image alt text") }}"> |
| + </button> |
| + </form> |
| + |
| + <nav id="product-website-link"> |
| + <a href="https://adblockplus.org/"> |
|
juliandoucette
2017/08/29 16:17:28
NIT: You can't see the text-decoration under the i
ire
2017/09/01 10:57:20
Done. Removed the empty space between the text and
|
| + {{ "Adblock Plus" | translate("abp-product-link", "Link label") }} |
| + <img src="/img/png/external-icon.png" srcset="/img/svg/external-icon.svg 2x" alt="{{ "External link icon" | translate("external-link-icon", "Image alt text") }}"> |
| + </a> |
| + </nav> |
| + </div> |
| + </div> |
| +</header> |
« no previous file with comments
|
« no previous file
|
static/img/png/external-icon.png » ('j')
|
static/js/main.js » ('J')
