From 142813b6c1211ed8560b8c85c19b9eb4abd58cc2 Mon Sep 17 00:00:00 2001 From: Bram Kragten Date: Sat, 16 Jan 2021 21:49:17 +0100 Subject: [PATCH] Add alert banner (#16199) --- sass/custom/_layout.scss | 6 +++++- sass/oscailte/base/_navigation.scss | 12 +++++++++-- source/_layouts/default.html | 32 +++++++++++++++++++++++++++++ 3 files changed, 47 insertions(+), 3 deletions(-) diff --git a/sass/custom/_layout.scss b/sass/custom/_layout.scss index 0d3a6f7a682..dedacad4c75 100644 --- a/sass/custom/_layout.scss +++ b/sass/custom/_layout.scss @@ -29,7 +29,7 @@ html { height: calc(100% - 68px);; margin-top: 68px; overflow-y: scroll; - padding-top: 32px; + padding-top: 82px; width: 100%; } @@ -43,6 +43,10 @@ html { } } +.alert-banner { + height: 50px; + } + .site-header { position: fixed; width: 100%; diff --git a/sass/oscailte/base/_navigation.scss b/sass/oscailte/base/_navigation.scss index acbda0859ae..fd48dc63717 100644 --- a/sass/oscailte/base/_navigation.scss +++ b/sass/oscailte/base/_navigation.scss @@ -69,7 +69,7 @@ header .grid { .menu { margin: 0; - top: 68px; + top: 138px; } .menu li a{ @@ -116,9 +116,17 @@ header .grid { padding: 15px 15px 15px 25px; } + .alert-banner { + height: 70px !important; + } + + .page-content { + padding-top: 102px; + } + .toggle { position: absolute; - top: 15px; + top: 85px; right: 10px; } diff --git a/source/_layouts/default.html b/source/_layouts/default.html index 15d7d57be4b..b929b9ffd03 100644 --- a/source/_layouts/default.html +++ b/source/_layouts/default.html @@ -2,6 +2,38 @@
+ +
+
+ Make sure you run at least Home Assistant Core 2021.1.3 + + MORE INFO + + + + +
+
+ {% include site/header.html %}