Defect #41714 » 0001-Replaces-legacy-magnifier-icon-with-SVG-icon-in-proj.patch
| app/assets/images/icons.svg | ||
|---|---|---|
| 331 | 331 |
<path d="M12 14m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"/> |
| 332 | 332 |
<path d="M14 4l0 4l-6 0l0 -4"/> |
| 333 | 333 |
</symbol> |
| 334 |
<symbol viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" id="icon--search"> |
|
| 335 |
<path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0"/> |
|
| 336 |
<path d="M21 21l-6 -6"/> |
|
| 337 |
</symbol> |
|
| 334 | 338 |
<symbol viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" id="icon--server-authentication"> |
| 335 | 339 |
<path d="M3 4m0 3a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v2a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z"/> |
| 336 | 340 |
<path d="M3 12m0 3a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v2a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z"/> |
| app/assets/stylesheets/application.css | ||
|---|---|---|
| 268 | 268 |
} |
| 269 | 269 |
.drdn.expanded .drdn-content {display:block;}
|
| 270 | 270 | |
| 271 |
.drdn-content .quick-search {margin:8px;}
|
|
| 271 |
.drdn-content .quick-search {margin:8px; display: flex; align-items: center;}
|
|
| 272 |
.drdn-content .quick-search svg {margin-left: 5px; position: absolute;}
|
|
| 273 |
.drdn-content .quick-search input.autocomplete {background: none; padding-left: 24px !important;}
|
|
| 272 | 274 |
.drdn-content .autocomplete {box-sizing: border-box; width:100% !important; height:28px;}
|
| 273 | 275 |
.drdn-content .autocomplete:focus {border-color:#5ad;}
|
| 274 | 276 |
.drdn-items {max-height:400px; overflow:auto;}
|
| app/assets/stylesheets/responsive.css | ||
|---|---|---|
| 184 | 184 |
font-size:0.9375rem; |
| 185 | 185 |
font-weight:normal; |
| 186 | 186 |
} |
| 187 |
#project-jump .drdn-content svg {
|
|
| 188 |
width: 1.25rem; |
|
| 189 |
height: 1.25rem; |
|
| 190 |
} |
|
| 187 | 191 |
#project-jump .drdn-content .autocomplete {
|
| 188 | 192 |
height:40px; |
| 189 | 193 |
font-size:1.25rem; |
| 194 |
padding-left: 28px !important; |
|
| 190 | 195 |
} |
| 191 | 196 |
#project-jump .drdn-content a {
|
| 192 | 197 |
padding:8px; |
| ... | ... | |
| 259 | 264 |
content: '\2261'; |
| 260 | 265 |
} |
| 261 | 266 | |
| 262 |
/* search magnifier icon */ |
|
| 263 |
.search-magnifier {
|
|
| 264 |
font-family: var(--fonts-main); |
|
| 265 |
color: #bbb; |
|
| 266 | ||
| 267 |
cursor: pointer; |
|
| 268 |
-webkit-transform: rotate(-45deg); |
|
| 269 |
-moz-transform: rotate(45deg); |
|
| 270 |
-o-transform: rotate(45deg); |
|
| 271 |
} |
|
| 272 | ||
| 273 | 267 |
.search-magnifier--flyout {
|
| 274 |
font-size: 1.5625rem; |
|
| 275 |
line-height: 54px; |
|
| 276 | ||
| 277 | 268 |
position: absolute; |
| 278 | 269 |
z-index: 1; |
| 279 | 270 |
left: 12px; |
| app/helpers/application_helper.rb | ||
|---|---|---|
| 610 | 610 |
:class => (@project.nil? && controller.class.main_menu ? 'selected' : nil)) |
| 611 | 611 |
content = |
| 612 | 612 |
content_tag('div',
|
| 613 |
content_tag('div', q, :class => 'quick-search') +
|
|
| 613 |
content_tag('div', sprite_icon('search', icon_only: true, size: 18) + q, :class => 'quick-search') +
|
|
| 614 | 614 |
content_tag('div', render_projects_for_jump_box(projects, selected: @project),
|
| 615 | 615 |
:class => 'drdn-items projects selection') + |
| 616 | 616 |
content_tag('div', all, :class => 'drdn-items all-projects selection'),
|
| app/views/layouts/base.html.erb | ||
|---|---|---|
| 27 | 27 |
<div class="flyout-menu__search"> |
| 28 | 28 |
<%= form_tag(search_path(id: @project), :method => :get ) do %> |
| 29 | 29 |
<%= hidden_field_tag(controller.default_search_scope, 1, :id => nil) if controller.default_search_scope %> |
| 30 |
<%= label_tag 'flyout-search', '⚲'.html_safe, :class => 'search-magnifier search-magnifier--flyout' %>
|
|
| 30 |
<%= label_tag 'flyout-search', sprite_icon('search', l(:label_search), icon_only: true), :class => 'search-magnifier search-magnifier--flyout' %>
|
|
| 31 | 31 |
<%= text_field_tag 'q', @question, :id => 'flyout-search', :class => 'small js-search-input', :placeholder => l(:label_search) %> |
| 32 | 32 |
<% end %> |
| 33 | 33 |
</div> |
| config/icon_source.yml | ||
|---|---|---|
| 197 | 197 |
svg: chevrons-left |
| 198 | 198 |
- name: key |
| 199 | 199 |
svg: key |
| 200 |
- name: search |
|
| 201 |
svg: search |
|