Disable alert banner (#16722)

This commit is contained in:
Franck Nijhof 2021-02-24 12:10:56 +01:00 committed by GitHub
parent 5f57c6a3d6
commit 276ea8b952
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 3 additions and 47 deletions

View File

@ -29,7 +29,7 @@ html {
height: calc(100% - 68px);; height: calc(100% - 68px);;
margin-top: 68px; margin-top: 68px;
overflow-y: scroll; overflow-y: scroll;
padding-top: 82px; padding-top: 32px;
width: 100%; width: 100%;
} }
@ -43,10 +43,6 @@ html {
} }
} }
.alert-banner {
height: 50px;
}
.site-header { .site-header {
position: fixed; position: fixed;
width: 100%; width: 100%;

View File

@ -118,7 +118,7 @@ header .grid {
.menu { .menu {
margin: 0; margin: 0;
top: 138px; top: 68px;
} }
.menu li a { .menu li a {
@ -169,17 +169,9 @@ header .grid {
padding: 15px 15px 15px 25px; padding: 15px 15px 15px 25px;
} }
.alert-banner {
height: 70px !important;
}
.page-content {
padding-top: 102px;
}
.toggle { .toggle {
position: absolute; position: absolute;
top: 85px; top: 15px;
right: 10px; right: 10px;
} }

View File

@ -2,38 +2,6 @@
<body {% if page.body_id %} id="{{ page.body_id }}"{% endif %}> <body {% if page.body_id %} id="{{ page.body_id }}"{% endif %}>
<header class='site-header'> <header class='site-header'>
<div class="alert-banner" style="background: #FF9800;color: white;text-align: center;display: flex;justify-content: space-around;">
<div style="
display: flex;
align-items: center;
padding: 0 8px;
">
Make sure you run at least Home Assistant Core 2021.1.5
<a href="/latest-security-alert" style="
background: white;
padding: 6px;
color: #FF9800;
margin-left: 8px;
font-size: .8em;
font-weight: 400;
border-radius: 4px;
letter-spacing: 0.05em;
display: flex;
align-items: center;
">
MORE INFO
<svg viewBox="0 0 24 24" style="
height: 20px;
fill: currentcolor;
flex-shrink: 0;
">
<path d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"></path>
</svg>
</a>
</div>
</div>
{% include site/header.html %} {% include site/header.html %}
</header> </header>
<div class="page-content"> <div class="page-content">