Fix svg spacing (#14638)

* Add right margin to icons in menu items

* Reduce padding on user profile submenu to fit in one line by default (english)
This commit is contained in:
Kyle D 2021-02-14 11:49:22 -05:00 committed by GitHub
parent 5e5b063c6f
commit d475d53c41
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 1 deletions

View file

@ -83,7 +83,7 @@
</div> </div>
</div> </div>
<div class="ui eleven wide column"> <div class="ui eleven wide column">
<div class="ui secondary stackable pointing menu"> <div class="ui secondary stackable pointing tight menu">
<a class='{{if and (ne .TabName "activity") (ne .TabName "following") (ne .TabName "followers") (ne .TabName "stars") (ne .TabName "projects")}}active{{end}} item' href="{{.Owner.HomeLink}}"> <a class='{{if and (ne .TabName "activity") (ne .TabName "following") (ne .TabName "followers") (ne .TabName "stars") (ne .TabName "projects")}}active{{end}} item' href="{{.Owner.HomeLink}}">
{{svg "octicon-repo"}} {{.i18n.Tr "user.repositories"}} {{svg "octicon-repo"}} {{.i18n.Tr "user.repositories"}}
</a> </a>

View file

@ -277,6 +277,10 @@ a.muted:hover,
.ui.menu .item { .ui.menu .item {
color: var(--color-text); color: var(--color-text);
.svg {
margin-right: .35em;
}
} }
.ui.menu .item > .label { .ui.menu .item > .label {
@ -381,6 +385,11 @@ a.muted:hover,
background: var(--color-active); background: var(--color-active);
} }
.ui.secondary.menu.tight .item {
padding-left: .85714286em;
padding-right: .85714286em;
}
.ui.menu .dropdown.item .menu { .ui.menu .dropdown.item .menu {
background: var(--color-menu); background: var(--color-menu);
} }