Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

Updated custom view dot position

Browse source 
- moved custom post view's color dot to right of the menu name to make the navigation more visually balanced
This commit is contained in:
Peter Zimon 2021-03-09 12:24:39 +01:00
parent 9c94c5f6b2
commit 7256de95b6
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ghost/admin/app/components/gh-nav-menu/main.hbs
View file

@ -46,12 +46,12 @@
{{#each this.customViews.forPosts as |view|}}
<li>
<LinkTo @route="posts" @query={{reset-query-params "posts" view.filter}} data-test-nav-custom="{{view.route}}-{{view.name}}" title="{{view.name}}">
<span class="gh-nav-viewname">{{view.name}}</span>
<span class="flex items-center svg-{{view.color}}">
{{#unless view.icon}}
<span class="circle"></span>
<span class="absolute circle"></span>
{{/unless}}
</span>
<span class="gh-nav-viewname">{{view.name}}</span>
</LinkTo>
</li>
{{/each}}

5
ghost/admin/app/styles/layouts/main.css
View file

@ -580,6 +580,7 @@
}
.gh-nav-view-list a {
position: relative;
padding-left: calc(var(--mainmenu-padding) + 42px);
}
@ -592,12 +593,14 @@
}
.gh-nav-view-list .circle {
position: absolute;
display: block;
border-radius: 999px;
border: 3px solid var(--midgrey);
width: 8px;
height: 8px;
margin: 0 8px 0 -30px;
margin: 0;
right: 36px;
}
.gh-nav-view-list .svg-midgrey .circle {