From 2deb07a25b273f71a26fc71b60b3c403976f5184 Mon Sep 17 00:00:00 2001 From: Luke Barnard Date: Wed, 21 Feb 2018 15:05:51 +0000 Subject: [PATCH 1/2] CSS for changing "R" to "X" for clearing group filter --- .../css/matrix-react-sdk/structures/_TagPanel.scss | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss b/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss index 433e40084d..f03f2adc61 100644 --- a/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss +++ b/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss @@ -26,9 +26,15 @@ limitations under the License. } .mx_TagPanel .mx_TagPanel_logo { + /* Constant height within flex mx_TagPanel */ + height: 70px; width: 60px; - height: 60px; - padding: 5px 0px; + + flex: none; + + display: flex; + justify-content: center; + align-items: center; } .mx_TagPanel .mx_TagPanel_logo.mx_AccessibleButton:focus { From 15d8878ac0d71379ce2da523f052ebfd9ce72e3a Mon Sep 17 00:00:00 2001 From: Luke Barnard Date: Wed, 21 Feb 2018 17:14:25 +0000 Subject: [PATCH 2/2] Rename TagPanel_logo to TagPanel_clearButton --- .../vector/css/matrix-react-sdk/structures/_TagPanel.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss b/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss index f03f2adc61..d0a2f2bb0f 100644 --- a/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss +++ b/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss @@ -25,7 +25,7 @@ limitations under the License. justify-content: space-between; } -.mx_TagPanel .mx_TagPanel_logo { +.mx_TagPanel .mx_TagPanel_clearButton { /* Constant height within flex mx_TagPanel */ height: 70px; width: 60px; @@ -37,12 +37,12 @@ limitations under the License. align-items: center; } -.mx_TagPanel .mx_TagPanel_logo.mx_AccessibleButton:focus { +.mx_TagPanel .mx_TagPanel_clearButton.mx_AccessibleButton:focus { filter: none; background: rgba(255,255,255, 0.2); } -.mx_TagPanel .mx_TagPanel_logo object { +.mx_TagPanel .mx_TagPanel_clearButton object { pointer-events: none; }