1 files changed, 40 insertions, 0 deletions
diff --git a/src/App.scss b/src/App.scss
index 598735d9..8f727cf8 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -671,6 +671,46 @@ nav {
   border-radius: var(--inputRadius, $fallback--inputRadius);
 }
 
+.mobile-notifications {
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  top: calc(50px - 28px - 1.2em);
+  left: 0;
+  z-index: 999;
+  overflow-x: hidden;
+  overflow-y: scroll;
+  transition-property: transform;
+  transition-duration: 0.25s;
+  transform: translate(0);
+
+  background-color: $fallback--bg;
+  background-color: var(--bg, $fallback--bg);
+
+  .notifications {
+    margin: 0;
+    padding: 0;
+    border-radius: 0;
+    box-shadow: none;
+    .panel {
+      border-radius: 0;
+      margin: 0;
+      box-shadow: none;
+    }
+    .panel:after {
+      border-radius: 0;
+    }
+    .panel .panel-heading {
+      border-radius: 0;
+      box-shadow: none;
+    }
+  }
+
+  &.closed {
+    transform: translate(100%);
+  }
+}
+
 @keyframes modal-background-fadein {
   from {
     background-color: rgba(0, 0, 0, 0);