TerribleDev/blog.terrible.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

prevent navbar reflow on load

Browse Source
This commit is contained in:
Tommy Parnell
2019-02-17 09:10:38 -05:00
parent c3a583a33b
commit 4c25db4039
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/TerribleDev.Blog.Web/Views/Shared/Nav.cshtml
View File

@@ -2,7 +2,7 @@
var hideNav = ViewData["HideNav"] != null ? "" : "withBody";
}
<nav class="navBar hide @hideNav" id="navBar">
<picture>
<picture class="navHero">
<source srcset="" type="image/webp" alt="An image of TerribleDev" data-src="/content/tommyAvatar4.jpg.webp" class="lazy round" />
<img src="" alt="An image of TerribleDev" data-src="/content/tommyAvatar4.jpg" class="lazy round" />
</picture>

4
src/TerribleDev.Blog.Web/wwwroot/css/site.css
View File

@@ -217,6 +217,10 @@ a.link-unstyled, div.link-unstyled, span.link-unstyled, svg.link-unstyled {
font-weight: inherit;
}
.navHero {
min-height: 210px;
}
@media screen and (max-width: 768px) {
html {
font-size: 14px;