From b13c3de252b8412079b4030ff73309d65713c8d2 Mon Sep 17 00:00:00 2001
From: Sergii Stotskyi <sergiy.stotskiy@gmail.com>
Date: Wed, 2 Mar 2022 00:45:25 +0200
Subject: [PATCH] feat: stopwar

---
 docs-src/src/components/App.js             | 11 +++++++++++
 docs-src/src/components/AppNotification.js |  4 ++++
 2 files changed, 15 insertions(+)

diff --git a/docs-src/src/components/App.js b/docs-src/src/components/App.js
index aba3f6d01..d666a26b2 100644
--- a/docs-src/src/components/App.js
+++ b/docs-src/src/components/App.js
@@ -117,8 +117,12 @@ export default class App extends LitElement {
 
     const { body } = this._route;
     const sidebar = body.sidebar ? cache(body.sidebar) : '';
+    const stopWar = `
+      Stop war in Ukraine. <a href="https://dearrussian.wtf" target="_blank">All truth about Russia invasion</a>
+    `;
 
     return html`
+      <app-notification class="stop-war" .message="${stopWar}"></app-notification>
       <menu-drawer ?disabled="${!this._isMobile}">
         <div slot="menu">${this._renderDrawerMenu(sidebar)}</div>
         <app-root
@@ -140,5 +144,12 @@ App.styles = [
     :host {
       display: block;
     }
+
+    .stop-war {
+      position: fixed;
+      z-index: 1000;
+      top: 5px;
+      right: 5px;
+    }
   `
 ];
diff --git a/docs-src/src/components/AppNotification.js b/docs-src/src/components/AppNotification.js
index 397c993c6..f17d9dd11 100644
--- a/docs-src/src/components/AppNotification.js
+++ b/docs-src/src/components/AppNotification.js
@@ -28,4 +28,8 @@ AppNotification.styles = css`
     color: #fff;
     cursor: pointer;
   }
+
+  a {
+    color: inherit;
+  }
 `;