|
1 | 1 | <?xml version='1.0' encoding='UTF-8'?> |
2 | 2 | <header> |
3 | 3 | <%# TODO: hidden <h1>Speakerinnen</h1>%> |
4 | | - <nav class="navbar navbar-expand-lg py-0 navbar-dark <%= controller_path =~ /admin\// ? "admin__header--color": "header" %>" > |
| 4 | + <nav class="navbar navbar-expand-xl py-0 navbar-dark <%= controller_path =~ /admin\// ? "admin__header--color": "header" %>" > |
5 | 5 | <div class="container-fluid"> |
6 | 6 | <%= link_to(root_path, id: 'header__home-link', class: 'navbar-brand p-0') do %> |
7 | 7 | <%= image_tag("logo_header#{'_' + current_region.to_s if current_region}.png", |
|
10 | 10 | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> |
11 | 11 | <span class="fa fa-bars"></span> |
12 | 12 | </button> |
13 | | - <div class="collapse navbar-collapse d-lg-flex justify-content-between" id="navbarNavDropdown"> |
| 13 | + <div class="collapse navbar-collapse d-xl-flex justify-content-between" id="navbarNavDropdown"> |
14 | 14 | <ul class="navbar-nav mr-auto"> |
15 | | - <li class="nav-item active dropdown pt-3 pe-5"> |
16 | | - <a class="dropdown-toggle dropdown-item px-4" href=<%= about_path %> id="navbarDropdownMenuLink" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> |
17 | | - <%= t(:about_speakerinnen_list, scope: 'pages.header') %> |
18 | | - </a> |
19 | | - <div class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDropdownMenuLink"> |
20 | | - <%= render "layouts/header_links#{'_' + current_region.to_s if current_region}" %> |
21 | | - </div> |
22 | | - </li> |
23 | 15 | <% unless params[:controller] == 'pages' %> |
24 | | - <li class="nav-item active pt-2 pe-5 "> |
| 16 | + <li class="nav-item active px-3 pt-2"> |
25 | 17 | <%= form_tag(profiles_path, method: 'get', class: "text-capitalize small") do %> |
26 | 18 | <%= text_field_tag('search', params[:search], id: 'header_search',class: 'form-control typeahead me-sm-2', |
27 | 19 | type: 'text', placeholder: t(:search_placeholder, scope: 'pages.home')) %> |
|
30 | 22 | </li> |
31 | 23 | <% end %> |
32 | 24 | </ul> |
33 | | - <ul class="navbar-nav"> |
34 | | - <li class="nav-item nav active dropdown pt-3"> |
35 | | - <a class="dropdown-toggle dropdown-item px-4" id="navbarDropdownMenuLink" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> |
36 | | - <%= I18n.locale == :de ? 'DE' : 'EN' %> |
37 | | - </a> |
38 | | - <div class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDropdownMenuLink"> |
39 | | - <%= I18n.locale == :de ? link_to('EN', params.to_unsafe_h.merge(:locale => :en), class: "choose-en dropdown-item") : |
40 | | - (link_to 'DE', params.to_unsafe_h.merge(:locale => :de), class: "choose-de dropdown-item") %> |
41 | | - </div> |
| 25 | + <ul class="navbar-nav align-items-xl-center pb-3 pb-xl-0"> |
| 26 | + <li class="nav-item active dropdown px-3 pt-3"> |
| 27 | + <a class="dropdown-toggle dropdown-item" href=<%= about_path %> id="navbarDropdownMenuLink" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> |
| 28 | + <%= t(:about_speakerinnen_list, scope: 'pages.header') %> |
| 29 | + </a> |
| 30 | + <div class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDropdownMenuLink"> |
| 31 | + <%= render "layouts/header_links#{'_' + current_region.to_s if current_region}" %> |
| 32 | + </div> |
| 33 | + </li> |
| 34 | + |
| 35 | + <li class="nav-item d-flex align-items-center px-3 pt-3"> |
| 36 | + <%= link_to 'EN', params.to_unsafe_h.merge(locale: :en), |
| 37 | + class: "nav-link py-0 #{'text-primary' if I18n.locale == :en}" %> |
| 38 | + <span class="mx-1">|</span> |
| 39 | + <%= link_to 'DE', params.to_unsafe_h.merge(locale: :de), |
| 40 | + class: "nav-link py-0 #{'text-primary' if I18n.locale == :de}" %> |
| 41 | + </li> |
| 42 | + |
| 43 | + <li class="nav-item active px-3 pt-3"> |
| 44 | + <%= link_to(t(:donate_button , scope: 'pages.home'), donate_path, class: "dropdown-item")%> |
42 | 45 | </li> |
43 | 46 | <% if profile_signed_in? %> |
44 | | - <li class="nav-item active px-4 pt-3"> |
| 47 | + <li class="nav-item active px-3 pt-3"> |
45 | 48 | <%= link_to(t(:my_profile, scope: 'layouts.application'), profile_path(current_profile), class: "dropdown-item")%> |
46 | 49 | </li> |
47 | | - <li class="nav-item active px-4 pt-3"> |
| 50 | + <li class="nav-item active px-3 pt-3"> |
48 | 51 | <%= link_to(t(:logout, scope: 'layouts.application'), destroy_profile_session_path, method: :delete, class: "dropdown-item") %> |
49 | 52 | </li> |
50 | 53 | <% else %> |
51 | | - <li class="nav-item active px-4 pt-3"> |
| 54 | + <li class="nav-item active px-3 pt-3"> |
52 | 55 | <%= link_to t(:login, scope: 'layouts.application'), new_profile_session_path, class: "dropdown-item" %> |
53 | 56 | </li> |
54 | | - <li class="nav-item active px-4 pt-3"> |
| 57 | + <li class="nav-item active px-3 pt-3"> |
55 | 58 | <%= link_to t(:signup, scope: 'layouts.application'), sign_up_path, class: "dropdown-item" %> |
56 | 59 | </li> |
57 | 60 | <% end %> |
58 | 61 |
|
59 | 62 | <% if admin?(current_profile) %> |
60 | | - <li class="nav-item active px-4 pt-3"> |
| 63 | + <li class="nav-item active px-3 pt-3"> |
61 | 64 | <%= link_to 'Admin', admin_root_path, class: "dropdown-item" %> |
62 | 65 | </li> |
63 | 66 | <% end %> |
|
0 commit comments