Skip to content

Commit 7b33b08

Browse files
author
Gusted
committed
Make branch icon stand out more
- Currently the branch icon is "squashed" between the two branch names and feels a bit "amateur-ish" to my feeling(relative to other UI elements). - This patch tries to improve that by making the icon bigger and by adding some margin to not have a "squashed" icon. - This patch also includes a "fix", for some reason this symbol is not centering correctly within the span(or without for that matter), so simply manually patch this by adding `bottom: 1.px`.
1 parent 75d96f4 commit 7b33b08

File tree

2 files changed

+8
-1
lines changed

2 files changed

+8
-1
lines changed

templates/shared/issuelist.tmpl

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,7 @@
7272
</a>
7373
</div>
7474

75-
&laquo;
75+
<span class="branch-icon">&laquo;</span>
7676

7777
{{if .PullRequest.HeadRepo}}
7878
<div class="branch">

web_src/less/shared/issuelist.less

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -135,6 +135,13 @@
135135
text-overflow: ellipsis;
136136
max-width: 10em;
137137
}
138+
139+
.branch-icon {
140+
bottom: 1.5px;
141+
font-size: 22px;
142+
margin: 0 .2em;
143+
position: relative;
144+
}
138145
}
139146

140147
> .item + .item {

0 commit comments

Comments
 (0)