diff --git a/templates/explore/code.tmpl b/templates/explore/code.tmpl index 418d669fe9..43b44af4bf 100644 --- a/templates/explore/code.tmpl +++ b/templates/explore/code.tmpl @@ -18,7 +18,7 @@ </h3> <div> {{range $term := .SearchResultLanguages}} - <a class="ui {{if eq $.Language $term.Language}}primary {{end}}basic label" href="{{AppSubUrl}}/explore/code?q={{$.Keyword}}{{if ne $.Language $term.Language}}&l={{$term.Language}}{{end}}"> + <a class="ui language-label {{if eq $.Language $term.Language}}primary {{end}}basic label" href="{{AppSubUrl}}/explore/code?q={{$.Keyword}}{{if ne $.Language $term.Language}}&l={{$term.Language}}{{end}}"> <i class="color-icon" style="background-color: {{$term.Color}}"></i> {{$term.Language}} <div class="detail">{{$term.Count}}</div> diff --git a/templates/repo/search.tmpl b/templates/repo/search.tmpl index 5aa2f8983e..984b3fe9e5 100644 --- a/templates/repo/search.tmpl +++ b/templates/repo/search.tmpl @@ -18,7 +18,7 @@ </h3> <div> {{range $term := .SearchResultLanguages}} - <a class="ui {{if eq $.Language $term.Language}}primary {{end}}basic label" href="{{EscapePound $.SourcePath}}/search?q={{$.Keyword}}{{if ne $.Language $term.Language}}&l={{$term.Language}}{{end}}"> + <a class="ui language-label {{if eq $.Language $term.Language}}primary {{end}}basic label" href="{{EscapePound $.SourcePath}}/search?q={{$.Keyword}}{{if ne $.Language $term.Language}}&l={{$term.Language}}{{end}}"> <i class="color-icon" style="background-color: {{$term.Color}}"></i> {{$term.Language}} <div class="detail">{{$term.Count}}</div> diff --git a/web_src/less/_base.less b/web_src/less/_base.less index ba3bbff369..1c5626be0b 100644 --- a/web_src/less/_base.less +++ b/web_src/less/_base.less @@ -1228,3 +1228,12 @@ i.icon.centerlock { overflow-x: hidden; text-overflow: ellipsis; } + +.language-label { + display: inline-flex !important; + align-items: center !important; +} + +.language-label .color-icon { + position: static !important; +}