From fe762870353a3bf0c75f21891285e0fd239cd862 Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@matrix.org>
Date: Mon, 10 Dec 2018 15:34:05 +0100
Subject: [PATCH] style communities button, make it visible again

---
 res/css/structures/_TagPanel.scss             | 27 +++++++--
 res/img/icons-groups-nobg.svg                 | 60 +++++++++++++++++++
 src/components/views/elements/GroupsButton.js |  1 -
 3 files changed, 81 insertions(+), 7 deletions(-)
 create mode 100644 res/img/icons-groups-nobg.svg

diff --git a/res/css/structures/_TagPanel.scss b/res/css/structures/_TagPanel.scss
index 83e7d46524..85e5c1742f 100644
--- a/res/css/structures/_TagPanel.scss
+++ b/res/css/structures/_TagPanel.scss
@@ -124,13 +124,28 @@ limitations under the License.
     padding-right: 4px;
 }
 
-.mx_TagPanel_groupsButton {
+.mx_TagPanel_groupsButton > .mx_AccessibleButton {
+    flex: auto;
     margin-bottom: 17px;
     margin-top: 18px;
-    height: 25px;
-    display: none;
-}
+    height: 40px;
+    width: 40px;
+    border-radius: 20px;
+    background-color: $roomheader-addroom-color;
+    position: relative;
+    /* overwrite mx_RoleButton inline-block */
+    display: block !important;
 
-.mx_TagPanel_groupsButton object {
-    pointer-events: none;
+    &:before {
+        background-color: $tagpanel-bg-color;
+        mask: url('../../img/icons-groups-nobg.svg');
+        mask-repeat: no-repeat;
+        mask-position: center 8px;
+        content: '';
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+    }
 }
diff --git a/res/img/icons-groups-nobg.svg b/res/img/icons-groups-nobg.svg
new file mode 100644
index 0000000000..a3d223b76d
--- /dev/null
+++ b/res/img/icons-groups-nobg.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xml:space="preserve"
+   viewBox="0 0 25.087629 21.62648"
+   y="0px"
+   x="0px"
+   id="Layer_2"
+   version="1.1"
+   width="25.087629"
+   height="21.62648"><metadata
+   id="metadata24"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs22">
+	
+	
+	
+
+		
+		
+		
+		
+	
+		
+		
+	</defs>
+<style
+   id="style2"
+   type="text/css">
+	.st4{fill:none;stroke-miterlimit:10;}
+</style>
+<path
+   style="fill:none;stroke:#000000;stroke-width:1.20877647;stroke-miterlimit:10;stroke-opacity:1"
+   d="m 19.186977,20.022092 c 0,-3.868085 0,-6.890026 -6.890026,-6.890026 -6.8900252,0 -6.8900252,3.021941 -6.8900252,6.890026 4.8351052,0 7.7361692,0 13.7800512,0 z"
+   class="st4"
+   id="path4242_1_" /><circle
+   style="fill:none;stroke:#000000;stroke-width:1.20877647;stroke-miterlimit:10;stroke-opacity:1"
+   r="3.8680847"
+   cy="7.2090473"
+   cx="12.296951"
+   class="st4"
+   id="circle4244_1_" /><path
+   style="fill:#000000;fill-opacity:1;stroke-width:1.20877647"
+   id="path8"
+   d="m 2.3296541,15.626195 c 0,-3.021941 0.362633,-4.835106 5.4394941,-4.835106 0.362633,0 0.7252659,0 0.9670212,0 -0.3626329,-0.362633 -0.7252659,-0.725266 -0.9670212,-1.208776 0,0 0,0 -0.1208776,0 C 1,9.582313 1,12.846009 1,16.230583 v 0.604389 h 3.2636965 c 0.1208776,-0.362633 0.1208776,-0.846144 0.2417553,-1.208777 z" /><path
+   style="fill:#000000;fill-opacity:1;stroke-width:1.20877647"
+   id="path10"
+   d="m 4.9889623,5.1098401 c 0,-1.5714095 1.2087765,-2.7801859 2.7801859,-2.7801859 0.7252659,0 1.3296542,0.2417553 1.8131647,0.6043882 C 9.9449463,2.6922871 10.307579,2.5714095 10.791089,2.3296542 10.065823,1.4835106 8.9779247,1 7.8900259,1 5.7142282,1 3.9010635,2.8131648 3.9010635,4.9889624 c 0,2.1757977 1.6922871,3.8680849 3.8680847,3.9889619 C 7.6482706,8.6152923 7.5273929,8.1317812 7.4065153,7.7691483 5.9559835,7.6482706 4.9889623,6.5603718 4.9889623,5.1098401 Z" /><path
+   style="fill:#000000;fill-opacity:1;stroke-width:1.20877647"
+   id="path12"
+   d="m 24.08763,16.230583 c 0,-3.384574 0,-6.64827 -6.64827,-6.64827 -0.241756,0 -0.362633,0 -0.604389,0 -0.241755,0.48351 -0.604388,0.846143 -0.967021,1.208776 0.483511,0 0.967021,-0.120877 1.57141,-0.120877 5.076861,0 5.439494,1.813164 5.439494,4.835105 H 19.97779 c 0.120878,0.362633 0.241756,0.846144 0.241756,1.208777 h 3.747207 v -0.483511 z" /><path
+   style="fill:#000000;fill-opacity:1;stroke-width:1.20877647"
+   id="path14"
+   d="m 17.43936,2.3296542 c 1.571409,0 2.780186,1.2087764 2.780186,2.7801859 0,1.5714094 -1.208777,2.7801858 -2.780186,2.7801858 0,0 0,0 0,0 0,0.362633 -0.120878,0.8461434 -0.362633,1.2087761 0.120877,0 0.241755,0 0.362633,0 2.175797,0 3.988962,-1.8131643 3.988962,-3.9889619 0,-2.1757977 -1.813165,-3.9889624 -3.988962,-3.9889624 -1.208777,0 -2.296676,0.6043882 -3.021941,1.4505318 0.362632,0.1208776 0.725265,0.3626329 1.087898,0.6043882 0.362633,-0.4835106 1.087899,-0.8461435 1.934043,-0.8461435 z" />
+</svg>
\ No newline at end of file
diff --git a/src/components/views/elements/GroupsButton.js b/src/components/views/elements/GroupsButton.js
index 75dfe4e9ad..854670cb3f 100644
--- a/src/components/views/elements/GroupsButton.js
+++ b/src/components/views/elements/GroupsButton.js
@@ -24,7 +24,6 @@ const GroupsButton = function(props) {
     return (
         <ActionButton action="view_my_groups"
             label={_t("Communities")}
-            iconPath="img/icons-groups.svg"
             size={props.size}
             tooltip={props.tooltip}
         />