Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

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.
Jump to:
View side-by-side diff with in-line comments
Download patch
« 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') | Show Comments 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')

Powered by Google App Engine
This is Rietveld