From 9cad81fa258e56d67927103538a947dd4759ee5a Mon Sep 17 00:00:00 2001
From: Grzegorz Leoniec <greg@app-interactive.de>
Date: Wed, 13 Mar 2019 12:51:50 +0100
Subject: [PATCH] Make disabled content more "pretty"

---
 assets/styles/main.scss | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/assets/styles/main.scss b/assets/styles/main.scss
index f7c3d72ba..db967e973 100644
--- a/assets/styles/main.scss
+++ b/assets/styles/main.scss
@@ -5,8 +5,19 @@
 $easeOut: cubic-bezier(0.19, 1, 0.22, 1);
 
 .disabled-content {
-  border-style: solid;
-  border-color: $color-warning;
+  position: relative;
+
+  &::before {
+    @include border-radius($border-radius-x-large);
+    box-shadow: inset 0 0 0 5px $color-danger;
+    content: "";
+    display: block;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    z-index: 2;
+    pointer-events: none;
+  }
 }
 
 .layout-enter-active {