Browse Source
Change search and filter icons to SVG (#13473)
Unfortunately, the Fomantic CSS relies on i.icon instead of .icon so a wrapper is necessary for these with an accompanying class to center the icon.tags/v1.15.0-dev
silverwind
3 years ago
11 changed files with 25 additions and 25 deletions
+ 1
- 1
templates/base/head_navbar.tmpl
View File
| @@ -37,7 +37,7 @@ | |||
| <div class="item"> | |||
| <div class="ui icon input"> | |||
| <input class="searchbox" type="text" placeholder="{{.i18n.Tr "search_project"}}"> | |||
| <i class="search icon"></i> | |||
| <i class="icon df ac jc">{{svg "octicon-search" 16}}</i> | |||
| </div> | |||
| </div> | |||
| */}} | |||
+ 1
- 1
templates/repo/branch_dropdown.tmpl
View File
| @@ -18,7 +18,7 @@ | |||
| </div> | |||
| <div class="menu transition" :class="{visible: menuVisible}" v-if="menuVisible" v-cloak> | |||
| <div class="ui icon search input"> | |||
| <i class="filter icon"></i> | |||
| <i class="icon df ac jc m-0">{{svg "octicon-filter" 16}}</i> | |||
| <input name="search" ref="searchField" v-model="searchTerm" @keydown="keydown($event)" placeholder="{{.i18n.Tr "repo.filter_branch_and_tag"}}..."> | |||
| </div> | |||
| <div class="header branch-tag-choice"> | |||
+ 2
- 2
templates/repo/diff/compare.tmpl
View File
| @@ -21,7 +21,7 @@ | |||
| </div> | |||
| <div class="menu"> | |||
| <div class="ui icon search input"> | |||
| <i class="filter icon"></i> | |||
| <i class="icon df ac jc m-0">{{svg "octicon-filter" 16}}</i> | |||
| <input name="search" placeholder="{{.i18n.Tr "repo.pulls.filter_branch"}}..."> | |||
| </div> | |||
| <div class="scrolling menu"> | |||
| @@ -54,7 +54,7 @@ | |||
| </div> | |||
| <div class="menu"> | |||
| <div class="ui icon search input"> | |||
| <i class="filter icon"></i> | |||
| <i class="icon df ac jc m-0">{{svg "octicon-filter" 16}}</i> | |||
| <input name="search" placeholder="{{.i18n.Tr "repo.pulls.filter_branch"}}..."> | |||
| </div> | |||
| <div class="scrolling menu"> | |||
+ 1
- 1
templates/repo/issue/branch_selector_field.tmpl
View File
| @@ -12,7 +12,7 @@ | |||
| </div> | |||
| <div class="menu"> | |||
| <div class="ui icon search input"> | |||
| <i class="filter icon"></i> | |||
| <i class="icon df ac jc m-0">{{svg "octicon-filter" 16}}</i> | |||
| <input name="search" placeholder="{{.i18n.Tr "repo.filter_branch_and_tag"}}..."> | |||
| </div> | |||
| <div class="header"> | |||
+ 4
- 4
templates/repo/issue/new_form.tmpl
View File
| @@ -49,7 +49,7 @@ | |||
| <div class="header" style="text-transform: none;font-size:16px;">{{.i18n.Tr "repo.issues.new.add_labels_title"}}</div> | |||
| {{if or .Labels .OrgLabels}} | |||
| <div class="ui icon search input"> | |||
| <i class="search icon"></i> | |||
| <i class="icon df ac jc">{{svg "octicon-search" 16}}</i> | |||
| <input type="text" placeholder="{{.i18n.Tr "repo.issues.filter_labels"}}"> | |||
| </div> | |||
| {{end}} | |||
| @@ -94,7 +94,7 @@ | |||
| <div class="header" style="text-transform: none;font-size:16px;">{{.i18n.Tr "repo.issues.new.add_milestone_title"}}</div> | |||
| {{if or .OpenMilestones .ClosedMilestones}} | |||
| <div class="ui icon search input"> | |||
| <i class="search icon"></i> | |||
| <i class="icon df ac jc">{{svg "octicon-search" 16}}</i> | |||
| <input type="text" placeholder="{{.i18n.Tr "repo.issues.filter_milestones"}}"> | |||
| </div> | |||
| {{end}} | |||
| @@ -151,7 +151,7 @@ | |||
| <div class="header" style="text-transform: none;font-size:16px;">{{.i18n.Tr "repo.issues.new.add_project_title"}}</div> | |||
| {{if or .OpenProjects .ClosedProjects}} | |||
| <div class="ui icon search input"> | |||
| <i class="search icon"></i> | |||
| <i class="icon df ac jc">{{svg "octicon-search" 16}}</i> | |||
| <input type="text" placeholder="{{.i18n.Tr "repo.issues.filter_projects"}}"> | |||
| </div> | |||
| {{end}} | |||
| @@ -207,7 +207,7 @@ | |||
| <div class="filter menu" data-id="#assignee_ids"> | |||
| <div class="header" style="text-transform: none;font-size:16px;">{{.i18n.Tr "repo.issues.new.add_assignees_title"}}</div> | |||
| <div class="ui icon search input"> | |||
| <i class="search icon"></i> | |||
| <i class="icon df ac jc">{{svg "octicon-search" 16}}</i> | |||
| <input type="text" placeholder="{{.i18n.Tr "repo.issues.filter_assignees"}}"> | |||
| </div> | |||
| <div class="no-select item">{{.i18n.Tr "repo.issues.new.clear_assignees"}}</div> | |||
+ 4
- 4
templates/repo/issue/view_content/sidebar.tmpl
View File
| @@ -16,7 +16,7 @@ | |||
| <div class="header" style="text-transform: none;font-size:16px;">{{.i18n.Tr "repo.issues.new.add_reviewer_title"}}</div> | |||
| {{if .Reviewers}} | |||
| <div class="ui icon search input"> | |||
| <i class="search icon"></i> | |||
| <i class="icon df ac jc">{{svg "octicon-search" 16}}</i> | |||
| <input type="text" placeholder="{{.i18n.Tr "repo.issues.filter_reviewers"}}"> | |||
| </div> | |||
| {{end}} | |||
| @@ -101,7 +101,7 @@ | |||
| <div class="header" style="text-transform: none;font-size:16px;">{{.i18n.Tr "repo.issues.new.add_labels_title"}}</div> | |||
| {{if or .Labels .OrgLabels}} | |||
| <div class="ui icon search input"> | |||
| <i class="search icon"></i> | |||
| <i class="icon df ac jc">{{svg "octicon-search" 16}}</i> | |||
| <input type="text" placeholder="{{.i18n.Tr "repo.issues.filter_labels"}}"> | |||
| </div> | |||
| {{end}} | |||
| @@ -149,7 +149,7 @@ | |||
| <div class="header" style="text-transform: none;font-size:16px;">{{.i18n.Tr "repo.issues.new.add_milestone_title"}}</div> | |||
| {{if or .OpenMilestones .ClosedMilestones}} | |||
| <div class="ui icon search input"> | |||
| <i class="search icon"></i> | |||
| <i class="icon df ac jc">{{svg "octicon-search" 16}}</i> | |||
| <input type="text" placeholder="{{.i18n.Tr "repo.issues.filter_milestones"}}"> | |||
| </div> | |||
| {{end}} | |||
| @@ -246,7 +246,7 @@ | |||
| <div class="filter menu" data-action="update" data-issue-id="{{$.Issue.ID}}" data-update-url="{{$.RepoLink}}/issues/assignee"> | |||
| <div class="header" style="text-transform: none;font-size:16px;">{{.i18n.Tr "repo.issues.new.add_assignees_title"}}</div> | |||
| <div class="ui icon search input"> | |||
| <i class="search icon"></i> | |||
| <i class="icon df ac jc">{{svg "octicon-search" 16}}</i> | |||
| <input type="text" placeholder="{{.i18n.Tr "repo.issues.filter_assignees"}}"> | |||
| </div> | |||
| <div class="no-select item">{{.i18n.Tr "repo.issues.new.clear_assignees"}}</div> | |||
+ 1
- 1
templates/repo/issue/view_title.tmpl
View File
| @@ -61,7 +61,7 @@ | |||
| </div> | |||
| <div class="menu"> | |||
| <div class="ui icon search input"> | |||
| <i class="filter icon"></i> | |||
| <i class="icon df ac jc m-0">{{svg "octicon-filter" 16}}</i> | |||
| <input name="search" placeholder="{{.i18n.Tr "repo.pulls.filter_branch"}}..."> | |||
| </div> | |||
| <div class="scrolling menu" id="branch-select"> | |||
+ 1
- 1
templates/repo/search.tmpl
View File
| @@ -7,7 +7,7 @@ | |||
| <div class="ui fluid action input"> | |||
| <input name="q" value="{{.Keyword}}" placeholder="{{.i18n.Tr "repo.search.search_repo"}}"> | |||
| <button class="ui button" type="submit"> | |||
| <i class="search icon"></i> | |||
| <i class="icon df ac jc">{{svg "octicon-search" 16}}</i> | |||
| </button> | |||
| </div> | |||
| </form> | |||
+ 1
- 1
templates/repo/wiki/view.tmpl
View File
| @@ -16,7 +16,7 @@ | |||
| </div> | |||
| <div class="menu"> | |||
| <div class="ui icon search input"> | |||
| <i class="filter icon"></i> | |||
| <i class="icon df ac jc m-0">{{svg "octicon-filter" 16}}</i> | |||
| <input name="search" placeholder="{{.i18n.Tr "repo.wiki.filter_page"}}..."> | |||
| </div> | |||
| <div class="scrolling menu"> | |||
+ 3
- 3
templates/user/dashboard/repolist.tmpl
View File
| @@ -29,9 +29,9 @@ | |||
| <div class="ui attached secondary segment repos-search"> | |||
| <div class="ui fluid right action left icon input" :class="{loading: isLoading}"> | |||
| <input @input="searchRepos(reposFilter)" v-model="searchQuery" ref="search" placeholder="{{.i18n.Tr "home.search_repos"}}"> | |||
| <i class="search icon"></i> | |||
| <div class="ui dropdown button" title="{{.i18n.Tr "home.filter"}}"> | |||
| <i class="icon filter"></i> | |||
| <i class="icon df ac jc">{{svg "octicon-search" 16}}</i> | |||
| <div class="ui dropdown icon button" title="{{.i18n.Tr "home.filter"}}"> | |||
| <i class="icon df ac jc m-0">{{svg "octicon-filter" 16}}</i> | |||
| <div class="menu"> | |||
| <div class="item"> | |||
| <a @click="toggleArchivedFilter()"> | |||
+ 6
- 6
web_src/less/helpers.less
View File
| @@ -1,9 +1,9 @@ | |||
| .df { display: flex; } | |||
| .ac { align-items: center; } | |||
| .jc { justify-content: center; } | |||
| .js { justify-content: flex-start; } | |||
| .je { justify-content: flex-end; } | |||
| .sb { justify-content: space-between; } | |||
| .df { display: flex !important; } | |||
| .ac { align-items: center !important; } | |||
| .jc { justify-content: center !important; } | |||
| .js { justify-content: flex-start !important; } | |||
| .je { justify-content: flex-end !important; } | |||
| .sb { justify-content: space-between !important; } | |||
| .mono { font-family: var(--fonts-monospace); font-size: .9em; /* compensate for monospace fonts being usually slighty larger */ } | |||
| .rounded { border-radius: var(--border-radius) !important; } | |||
| .word-break { word-wrap: break-word; word-break: break-all; } | |||
Loading…