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

Side by Side Diff: includes/layout/header.tmpl

Issue 29676691: Issue 6237 - Implement wd navbar component in help.eyeo.com (Closed) Base URL: https://hg.adblockplus.org/help.eyeo.com
Patch Set: Created Jan. 22, 2018, 10:39 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
OLDNEW
1 {% if product_id %} 1 {% if product_id %}
2 {% set product = products[product_id] %} 2 {% set product = products[product_id] %}
3 {% set search_label = "Search " + product.full_name + " Help" %} 3 {% set search_label = "Search " + product.full_name + " Help" %}
4 {% set search_site = config.get("general", "siteurl") + "," + product.url %} 4 {% set search_site = config.get("general", "siteurl") + "," + product.url %}
5 {% else %} 5 {% else %}
6 {% set search_label = "Search for help..." %} 6 {% set search_label = "Search for help..." %}
7 {% set search_site = config.get("general", "siteurl") %} 7 {% set search_site = config.get("general", "siteurl") %}
8 {% endif %} 8 {% endif %}
9 9
10 <header id="site-header" class="navbar {{ 'site-header-minimal' if product_id is not defined }}"> 10 <header id="site-header" class="navbar {{ 'site-header-minimal' if product_id is not defined }}">
11 <div class="container large-desktop-width"> 11 <div class="navbar-container large-desktop-width">
12 <h1 id="site-title"> 12 {{ "index" | linkify(class="navbar-branding float-start") }}
13 {{ "index" | linkify() }} 13 <img src="/dist/img/png/eyeo-help.png" srcset="/dist/img/svg/eyeo-help.svg 2x" alt="{{ "eyeo Help" | translate("site-title", "Image alt text") }}" height= "30" width="205">
14 <img src="/dist/img/png/eyeo-help.png" srcset="/dist/img/svg/eyeo-help.s vg 2x" alt="{{ "eyeo Help" | translate("site-title", "Image alt text") }}" heigh t="30" width="205"> 14 </a>
15 </a>
16 </h1>
17 15
18 <button class="toggle-navbar-collapse unstyled phablet-and-mobile-only"> 16 <button class="toggle-navbar-collapse float-end button-link">
19 <img src="/dist/img/png/search-icon.png" srcset="/dist/img/svg/search-icon .svg 2x" alt="{{ "Toggle Search Bar" | translate("search-toggle-alt", "Image alt text") }}"> 17 <img src="/dist/img/png/search-icon.png" srcset="/dist/img/svg/search-icon .svg 2x" alt="{{ "Toggle Search Bar" | translate("search-toggle-alt", "Image alt text") }}">
20 </button> 18 </button>
21 19
22 <div class="navbar-collapse"> 20 <div class="navbar-collapse">
23 <form id="search-form" action="https://duckduckgo.com" method="GET"> 21 <form id="search-form" action="https://duckduckgo.com" method="GET">
24 <label for="search" class="sr-only">{{ search_label | translate("search- form-label", "Input label") }}</label> 22 <label for="search" class="sr-only">{{ search_label | translate("search- form-label", "Input label") }}</label>
25 <input id="search" name="q" type="search" placeholder="{{ search_label | translate("search-form-label", "Input label") }}"> 23 <input id="search" name="q" type="search" placeholder="{{ search_label | translate("search-form-label", "Input label") }}">
26 <input type="hidden" name="sites" value="{{ search_site }}"> 24 <input type="hidden" name="sites" value="{{ search_site }}">
27 <button type="submit"> 25 <button type="submit">
28 <img src="/dist/img/png/search-icon.png" srcset="/dist/img/svg/search- icon.svg 2x" alt="{{ "Search" | translate("search-icon-alt", "Image alt text") } }"> 26 <img src="/dist/img/png/search-icon.png" srcset="/dist/img/svg/search- icon.svg 2x" alt="{{ "Search" | translate("search-icon-alt", "Image alt text") } }">
29 </button> 27 </button>
30 </form> 28 </form>
31 29
32 {% if product_id %} 30 {% if product_id %}
33 <nav id="product-website-link"> 31 <nav id="product-website-link" class="float-end">
34 <a href="{{ product.url }}"> 32 <a href="{{ product.url }}">
35 {{ product.full_name | translate(product_id+"-product-link", "Link lab el") }}<img src="/dist/img/png/external-icon.png" srcset="/dist/img/svg/external -icon.svg 2x" alt="{{ "External link icon" | translate("external-link-icon", "Im age alt text") }}"> 33 {{ product.full_name | translate(product_id+"-product-link", "Link lab el") }}<img src="/dist/img/png/external-icon.png" srcset="/dist/img/svg/external -icon.svg 2x" alt="{{ "External link icon" | translate("external-link-icon", "Im age alt text") }}">
36 </a> 34 </a>
37 </nav> 35 </nav>
38 {% endif %} 36 {% endif %}
39 </div> 37 </div>
40 </div> 38 </div>
41 </header> 39 </header>
OLDNEW
« no previous file with comments | « includes/layout/footer.tmpl ('k') | static/src/js/main.js » ('j') | templates/minimal.tmpl » ('J')

Powered by Google App Engine
This is Rietveld