Darken modal overlay

95645413 · JC Brand · 2f2e687a · 95645413 · 95645413 · 95645413
Commit 95645413 authored Mar 05, 2018 by JC Brand
Showing with 65 additions and 57 deletions

css/converse.css css/converse.css +2 -0

css/inverse.css css/inverse.css +2 -0

mockup/chatroom.html mockup/chatroom.html +56 -56

sass/_core.scss sass/_core.scss +5 -1

No files found.
--- a/css/converse.css
+++ b/css/converse.css
@@ -4813,6 +4813,8 @@ body.reset {
    color: #A8ABA1; }
  #conversejs .fa:hover {
    color: #818479; }
+  #conversejs .modal {
+    background-color: rgba(0, 0, 0, 0.4); }
  #conversejs .selected {
    color: #578EA9 !important; }
  #conversejs .circle {

--- a/css/inverse.css
+++ b/css/inverse.css
@@ -4813,6 +4813,8 @@ body.reset {
    color: #A8ABA1; }
  #conversejs .fa:hover {
    color: #818479; }
+  #conversejs .modal {
+    background-color: rgba(0, 0, 0, 0.4); }
  #conversejs .selected {
    color: #578EA9 !important; }
  #conversejs .circle {

--- a/mockup/chatroom.html
+++ b/mockup/chatroom.html
--- a/sass/_core.scss
+++ b/sass/_core.scss
@@ -142,6 +142,10 @@ body.reset {
        color: $gray-color;
    }

+    .modal {
+        background-color: rgba(0, 0, 0, 0.4);
+    }
+
    .selected {
        color: $link-color !important;
    }
@@ -150,7 +154,7 @@ body.reset {
        border-radius: 50%;
    }

-     .sidebar {
+    .sidebar {
        display: none;
        width: 50px;
        height: 100vh;