diff options
| author | silverwind <me@silverwind.io> | 2021-04-03 10:37:32 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-04-03 10:37:32 +0200 |
| commit | d0c9b3e20868db5116a0151bc3b40941bc544251 (patch) | |
| tree | 00f352bb0b39a9fa6031de9236c2b471450a15d2 /templates | |
| parent | 70d84f9b733bc337c6e7c4da0bc07c5803773869 (diff) | |
| download | gitea-d0c9b3e20868db5116a0151bc3b40941bc544251.tar.gz gitea-d0c9b3e20868db5116a0151bc3b40941bc544251.zip | |
Branch page and misc css improvements (#15208)
- Improve branches page, increase icon size, use octicons, use css vars
- Style placeholder color via css var
- Slightly increase contrast of input fields and active/hover states
- Add styling for select boxes in arc-green
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/explore/code.tmpl | 2 | ||||
| -rw-r--r-- | templates/repo/branch/list.tmpl | 12 |
2 files changed, 7 insertions, 7 deletions
diff --git a/templates/explore/code.tmpl b/templates/explore/code.tmpl index 2465663a60..b22fe039a2 100644 --- a/templates/explore/code.tmpl +++ b/templates/explore/code.tmpl @@ -8,7 +8,7 @@ <div class="twelve wide field"> <input name="q" value="{{.Keyword}}" placeholder="{{.i18n.Tr "explore.search"}}..." autofocus> </div> - <div class="two wide field"> + <div class="two wide field mx-2"> <select name="t"> <option value="">{{.i18n.Tr "explore.search.fuzzy"}}</option> <option value="match" {{if eq .queryType "match"}}selected{{end}}>{{.i18n.Tr "explore.search.match"}}</option> diff --git a/templates/repo/branch/list.tmpl b/templates/repo/branch/list.tmpl index 87c05e7b42..de4f0fb57e 100644 --- a/templates/repo/branch/list.tmpl +++ b/templates/repo/branch/list.tmpl @@ -25,7 +25,7 @@ </td> <td class="right aligned overflow-visible"> <div class="ui basic jump dropdown icon button poping up" data-content="{{$.i18n.Tr "repo.branch.download" ($.DefaultBranch)}}" data-variation="tiny inverted" data-position="top right"> - <i class="download icon"></i> + {{svg "octicon-download"}} <div class="menu"> <a class="item archive-link" data-url="{{$.RepoLink}}/archive/{{EscapePound $.DefaultBranch}}.zip">{{svg "octicon-file-zip"}} ZIP</a> <a class="item archive-link" data-url="{{$.RepoLink}}/archive/{{EscapePound $.DefaultBranch}}.tar.gz">{{svg "octicon-file-zip"}} TAR.GZ</a> @@ -91,20 +91,20 @@ </a> {{end}} {{else}} - <a href="{{.LatestPullRequest.Issue.HTMLURL}}">{{if not .LatestPullRequest.IsSameRepo}}{{.LatestPullRequest.BaseRepo.FullName}}{{end}}#{{.LatestPullRequest.Issue.Index}}</a> + <a href="{{.LatestPullRequest.Issue.HTMLURL}}" class="vm">{{if not .LatestPullRequest.IsSameRepo}}{{.LatestPullRequest.BaseRepo.FullName}}{{end}}#{{.LatestPullRequest.Issue.Index}}</a> {{if .LatestPullRequest.HasMerged}} - <a href="{{.LatestPullRequest.Issue.HTMLURL}}" class="ui text-label purple mini label">{{svg "octicon-git-merge"}} {{$.i18n.Tr "repo.pulls.merged"}}</a> + <a href="{{.LatestPullRequest.Issue.HTMLURL}}" class="ui text-label purple large label vm">{{svg "octicon-git-merge" 16 "mr-2"}}{{$.i18n.Tr "repo.pulls.merged"}}</a> {{else if .LatestPullRequest.Issue.IsClosed}} - <a href="{{.LatestPullRequest.Issue.HTMLURL}}" class="ui text-label red mini label">{{svg "octicon-git-pull-request"}} {{$.i18n.Tr "repo.issues.closed_title"}}</a> + <a href="{{.LatestPullRequest.Issue.HTMLURL}}" class="ui text-label red large label vm">{{svg "octicon-git-pull-request" 16 "mr-2"}}{{$.i18n.Tr "repo.issues.closed_title"}}</a> {{else}} - <a href="{{.LatestPullRequest.Issue.HTMLURL}}" class="ui text-label green mini label">{{svg "octicon-git-pull-request"}} {{$.i18n.Tr "repo.issues.open_title"}}</a> + <a href="{{.LatestPullRequest.Issue.HTMLURL}}" class="ui text-label green large label vm">{{svg "octicon-git-pull-request" 16 "mr-2"}}{{$.i18n.Tr "repo.issues.open_title"}}</a> {{end}} {{end}} </td> <td class="two wide right aligned overflow-visible"> {{if (not .IsDeleted)}} <div class="ui basic jump dropdown icon button poping up" data-content="{{$.i18n.Tr "repo.branch.download" (.Name)}}" data-variation="tiny inverted" data-position="top right"> - <i class="download icon"></i> + {{svg "octicon-download"}} <div class="menu"> <a class="item archive-link" data-url="{{$.RepoLink}}/archive/{{EscapePound .Name}}.zip">{{svg "octicon-file-zip"}} ZIP</a> <a class="item archive-link" data-url="{{$.RepoLink}}/archive/{{EscapePound .Name}}.tar.gz">{{svg "octicon-file-zip"}} TAR.GZ</a> |