Rooba
/
perkeep
mirror of https://github.com/perkeep/perkeep.git
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Prevent layout glitch in nav bar during load caused by web fonts loading asynchronously. 

Change-Id: Ic1fbfbf2a7d3a6b48fa7a17f0a1b823a6e1fe854
This commit is contained in:
Aaron Boodman 2013-12-18 23:07:19 -08:00
parent 32ee48d919
commit d8ed278279
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
server/camlistored/ui/nav.css
View File

@ -67,6 +67,13 @@ limitations under the License.
transition: color 300ms ease-out;
white-space: nowrap;
width: 100%;
/* This is a bummer, but it appears that different fonts can actually layout
at different heights for the same pixel size, thus we get a layout glitch
during load when the font load completes. 42px is the minimum of the size that
Firefox and Chrome render this box at with the above font size, padding,
etc. */
min-height: 42px;
}
.cam-nav-item:hover,
@ -137,12 +144,13 @@ limitations under the License.
}
.cam-logo {
position: absolute;
left: 0;
bottom: 0;
font-size: 15px;
min-height: 0;
left: 0;
opacity: 0.8;
padding: 4px 9px 4px 31px;
font-size: 15px;
position: absolute;
text-decoration: none;
width: auto;
}