diff --git a/src/components/structures/BottomLeftMenu.js b/src/components/structures/BottomLeftMenu.js
index b8ee15cdf..6858a47df 100644
--- a/src/components/structures/BottomLeftMenu.js
+++ b/src/components/structures/BottomLeftMenu.js
@@ -77,7 +77,7 @@ module.exports = React.createClass({
// Get the label/tooltip to show
getLabel: function(label, parent, show) {
- if (true) {
+ if (show) {
var RoomTooltip = sdk.getComponent("rooms.RoomTooltip");
return ;
}
diff --git a/src/components/views/rooms/RoomTooltip.js b/src/components/views/rooms/RoomTooltip.js
index 49a1a7ddf..327e4acf2 100644
--- a/src/components/views/rooms/RoomTooltip.js
+++ b/src/components/views/rooms/RoomTooltip.js
@@ -103,8 +103,8 @@ module.exports = React.createClass({
var tooltip = (
-
- { label }
+
+ { label }
);
diff --git a/src/skins/vector/css/vector-web/views/rooms/RoomTooltip.css b/src/skins/vector/css/vector-web/views/rooms/RoomTooltip.css
index bd98ac08d..5bb5f21a8 100644
--- a/src/skins/vector/css/vector-web/views/rooms/RoomTooltip.css
+++ b/src/skins/vector/css/vector-web/views/rooms/RoomTooltip.css
@@ -16,15 +16,31 @@ limitations under the License.
.mx_RoomTooltip_chevron {
position: absolute;
- left: -9px;
+ left: -8px;
top: 4px;
- pointer-events: none;
+ width: 0;
+ height: 0;
+ border-top: 8px solid transparent;
+ border-right: 8px solid rgba(187, 187, 187, 0.5);
+ border-bottom: 8px solid transparent;
+}
+
+.mx_RoomTooltip_chevron:after{
+ content:'';
+ width: 0;
+ height: 0;
+ border-top: 7px solid transparent;
+ border-right: 7px solid #fff;
+ border-bottom: 7px solid transparent;
+ position:absolute;
+ top: -7px;
+ left: 1px;
}
.mx_RoomTooltip {
display: none;
position: fixed;
- border: 1px solid #a4a4a4;
+ border: 1px solid rgba(187, 187, 187, 0.5);
border-radius: 5px;
background-color: #fff;
z-index: 2000;