empayre/fleet
14
0
Fork 0
mirror of https://github.com/empayre/fleet.git synced 2024-11-06 08:55:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Spiffier: Center logo in nav bar (#3605)

Browse Source
This commit is contained in:
RachelElysia 2022-01-10 14:07:47 -05:00 committed by GitHub
parent 842ecc53c0
commit a5bef8a990
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
changes/issue-3532-center-logo Normal file
View File

@ -0,0 +1 @@
* Fleet logo centered in nav bar

2
frontend/components/side_panels/SiteTopNav/SiteTopNav.jsx
View File

@ -52,7 +52,7 @@ class SiteTopNav extends Component {
return (
<li className={navItemClasses} key={`nav-item-${name}`}>
<Link
className={`${navItemBaseClass}__link`}
className={`${navItemBaseClass}__logo`}
to={navItem.location.pathname}
>
<OrgLogoIcon className="logo" src={orgLogoURL} />

24
frontend/components/side_panels/SiteTopNav/_styles.scss
View File

@ -15,12 +15,6 @@
&:hover {
background-color: transparent;
}
.site-nav-item__link {
border-right: 3px solid $core-vibrant-blue;
background-color: $core-fleet-black;
height: 50px;
}
}
&__icon {
@ -32,13 +26,6 @@
vertical-align: sub;
}
.logo {
@include size(48px);
border-radius: 20%;
padding: 0;
margin: -12px -15px 0;
}
&__name {
display: inline-flex;
flex-direction: column;
@ -61,7 +48,7 @@
}
}
a {
&__link {
color: $core-white;
text-align: center;
display: flex;
@ -70,6 +57,13 @@
text-decoration: none;
}
&__logo {
text-align: center;
display: table-cell;
vertical-align: middle;
width: 64px;
}
&--active {
border-bottom: 3px solid $core-vibrant-blue;
background-color: $core-fleet-black;
@ -87,6 +81,8 @@
.logo {
transform: scale(0.5);
position: relative;
top: 1px;
}
.site-nav-container {