From a5941a9a50797a262f7e85b1b7c05040829f1c53 Mon Sep 17 00:00:00 2001 From: Christian Nunciato Date: Wed, 26 Jun 2019 09:50:16 -0700 Subject: [PATCH] Use a fixed height for the utility bar When the GitHub widget loads asynchronously and pops into view, it causes the whole page to shift downward a few pixels, because the widget is taller than the links beside it. Applying an explicit hight to the utility bar fixes this. Signed-off-by: Christian Nunciato --- assets/sass/styles.scss | 6 ++++++ layouts/partials/header.html | 4 ++-- 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/assets/sass/styles.scss b/assets/sass/styles.scss index 26c73ac5bbde..88e9afd15bfb 100644 --- a/assets/sass/styles.scss +++ b/assets/sass/styles.scss @@ -110,4 +110,10 @@ main { @include transition(all); } +.github-widget { + > span { + @apply flex; + } +} + @tailwind utilities; diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 3e8eb1b5765a..925a7be91722 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,10 +1,10 @@