style active room rect, and make it not jump

2018-12-13 13:01:59 +01:00
parent 36decaf70b
commit 2ceef00944
2 changed files with 28 additions and 2 deletions
@@ -35,9 +35,34 @@ limitations under the License.
 }

 .mx_GroupGridView_activeTile {
-    border: 1px solid red !important;
+    position: relative;
 }

+.mx_GroupGridView_activeTile:before,
+.mx_GroupGridView_activeTile:after {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    content: "";
+    pointer-events: none;
+    z-index: 10000;
+}
+
+.mx_GroupGridView_activeTile:before {
+    border-radius: 14px;
+    border: 8px solid rgba(134, 193, 165, 0.5);
+    margin: -8px;
+}
+
+.mx_GroupGridView_activeTile:after {
+    border-radius: 8px;
+    border: 2px solid rgba(134, 193, 165, 1);
+    margin: -2px;
+}
+
+
 .mx_GroupGridView_tile > .mx_RoomView {
    height: 100%;
 }