From 15accf33f59131752d49007ba92d18d0b3fa9721 Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Sat, 15 Apr 2017 00:30:31 +0100
Subject: [PATCH] get rid of the evil blue outlines
---
src/skins/vector/css/_components.scss | 1 +
.../views/elements/_AccessibleButton.scss | 21 +++++++++++++++++++
.../views/rooms/_RoomTile.scss | 2 +-
3 files changed, 23 insertions(+), 1 deletion(-)
create mode 100644 src/skins/vector/css/matrix-react-sdk/views/elements/_AccessibleButton.scss
diff --git a/src/skins/vector/css/_components.scss b/src/skins/vector/css/_components.scss
index c22fbc06..df3c4600 100644
--- a/src/skins/vector/css/_components.scss
+++ b/src/skins/vector/css/_components.scss
@@ -19,6 +19,7 @@
@import "./matrix-react-sdk/views/dialogs/_EncryptedEventDialog.scss";
@import "./matrix-react-sdk/views/dialogs/_SetDisplayNameDialog.scss";
@import "./matrix-react-sdk/views/dialogs/_UnknownDeviceDialog.scss";
+@import "./matrix-react-sdk/views/elements/_AccessibleButton.scss";
@import "./matrix-react-sdk/views/elements/_AddressSelector.scss";
@import "./matrix-react-sdk/views/elements/_AddressTile.scss";
@import "./matrix-react-sdk/views/elements/_DirectorySearchBox.scss";
diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/_AccessibleButton.scss b/src/skins/vector/css/matrix-react-sdk/views/elements/_AccessibleButton.scss
new file mode 100644
index 00000000..b82ebf01
--- /dev/null
+++ b/src/skins/vector/css/matrix-react-sdk/views/elements/_AccessibleButton.scss
@@ -0,0 +1,21 @@
+/*
+Copyright 2017 Vector Creations Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+.mx_AccessibleButton:focus {
+ outline: 0;
+ filter: brightness(200%);
+}
+
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomTile.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomTile.scss
index 08efa145..842228b9 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomTile.scss
+++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomTile.scss
@@ -156,7 +156,7 @@ limitations under the License.
}
.mx_RoomTile:focus {
- outline: 0;
+ filter: none ! important;
background-color: $roomtile-focused-bg-color;
}