gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: Updated fCC Function Logo on Small Screen (#16460)

Browse Source 
* Fixed FCC Logo on Small Screen

Changed *.logo-glyph* height to 28px from 30 which makes a nice form-factor on all screen sizes. I also utilized flexbox on the parent anchor tag in *.navbar-brand* in order to assure the logo always stays horizontally and vertically center.

* Deleted unneeded class name

I deleted the *.nav-logo* class from the FCC Function logo img tag. It was serving no essential purpose, and was only needed for the main FCC logo.
This commit is contained in:
Austin Tice
2018-01-10 12:52:49 -06:00
committed by mrugesh mohapatra
parent c27250eec1
commit 49a5911fca
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
common/app/Nav/Nav.jsx
View File

@ -199,7 +199,7 @@ export class FCCNav extends React.Component {
/>
<img
alt='learn to code javascript at freeCodeCamp logo'
className='img-responsive nav-logo logo-glyph'
className='img-responsive logo-glyph'
src={ fCCglyph }
/>
</a>

5
common/app/Nav/nav.less
View File

@ -32,6 +32,9 @@
.navbar-brand {
padding-top: @navbar-logo-padding;
padding-bottom: @navbar-logo-padding;
display: flex;
align-items: center;
justify-content: center;
}
.nav-logo {
@ -255,7 +258,7 @@ li.nav-avatar {
}
.logo-glyph {
height: 30px;
height: 28px;
width: auto;
}