Show all apps inactive and blurred in the background of the appstore login form

2018-03-13 10:50:03 +01:00
parent 2da019556b
commit b9d6c8f8bb
2 changed files with 71 additions and 59 deletions
--- a/webadmin/src/theme.scss
+++ b/webadmin/src/theme.scss
@@ -144,13 +144,22 @@ html, body {
    box-shadow:         0px 2px 5px rgba(0, 0, 0, 0.1);
 }

-.highlight {
+.blurred {
+    filter: blur(2px);
 }

-.highlight:hover {
-    background-color: rgba(0, 0, 0, 0.1) !important;
+.passive {
+    pointer-events: none;
+    user-select: none;
 }

+.highlight {
+    &:hover {
+        background-color: rgba(0, 0, 0, 0.1) !important;
+    }
+}
+
+
 .content {
    width: 100%;
    max-width: 720px;
@@ -337,7 +346,10 @@ multiselect {
 // ----------------------------

 .appstore-login {
-    margin-top: 50px !important;
+    position: fixed;
+    margin: 50px auto !important;
+    left: 0;
+    right: 0;

    h1 {
        font-size: 32px;