From f8fa19ed47a4b8150267c9c89b7dfde778231300 Mon Sep 17 00:00:00 2001
From: wmwragg <wm.wragg@gmail.com>
Date: Wed, 10 Aug 2016 15:04:02 +0100
Subject: [PATCH] Room tag menu dohickey on the avatar on hover

---
 .../matrix-react-sdk/views/rooms/RoomTile.css | 36 +++++++++++++++++++
 .../context_menus/RoomTagContextMenu.css      |  2 --
 src/skins/vector/img/icon_context_delete.svg  | 14 ++------
 src/skins/vector/img/icons_ellipsis.svg       | 11 ++++++
 4 files changed, 50 insertions(+), 13 deletions(-)
 create mode 100644 src/skins/vector/img/icons_ellipsis.svg

diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/RoomTile.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/RoomTile.css
index b86f39a2..eb55f63f 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/RoomTile.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/RoomTile.css
@@ -39,6 +39,42 @@ limitations under the License.
     vertical-align: middle;
 }
 
+.mx_RoomTile_avatar_container:hover:before,
+.mx_RoomTile_avatar_container.mx_RoomTile_avatar_roomTagMenu:before {
+    display: block;
+    position: absolute;
+    content: "";
+    border-radius: 40px;
+    background-image: url("img/icons_ellipsis.svg");
+    background-size: 25px;
+    left: 17px;
+    width: 24px;
+    height: 24px;
+    z-index: 4;
+}
+
+.mx_RoomTile_avatar_container:hover:after,
+.mx_RoomTile_avatar_container.mx_RoomTile_avatar_roomTagMenu:after {
+    display: block;
+    position: absolute;
+    content: "";
+    border-radius: 40px;
+    background: #4A4A4A;
+    top: 5px;
+    width: 24px;
+    height: 24px;
+    opacity: 0.6;
+    z-index: 2;
+}
+
+.collapsed .mx_RoomTile_avatar_container:hover:before {
+    display: none;
+}
+
+.collapsed .mx_RoomTile_avatar_container:hover:after {
+    display: none;
+}
+
 .mx_RoomTile_name {
     display: inline-block;
     position: relative;
diff --git a/src/skins/vector/css/vector-web/views/context_menus/RoomTagContextMenu.css b/src/skins/vector/css/vector-web/views/context_menus/RoomTagContextMenu.css
index 556d404a..b9684b07 100644
--- a/src/skins/vector/css/vector-web/views/context_menus/RoomTagContextMenu.css
+++ b/src/skins/vector/css/vector-web/views/context_menus/RoomTagContextMenu.css
@@ -33,8 +33,6 @@ limitations under the License.
     color: #ff0064;
 }
 
-
-
 .mx_RoomTagContextMenu_field.mx_RoomTagContextMenu_fieldSet {
     font-weight: bold;
 }
diff --git a/src/skins/vector/img/icon_context_delete.svg b/src/skins/vector/img/icon_context_delete.svg
index 7e8eb51e..896b94ad 100644
--- a/src/skins/vector/img/icon_context_delete.svg
+++ b/src/skins/vector/img/icon_context_delete.svg
@@ -1,18 +1,10 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-miterlimit:10;">
+<svg width="100%" height="100%" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
     <g transform="matrix(1,0,0,1,-0,-80)">
         <g id="icon_context_delete" transform="matrix(0.600982,0,0,0.600982,0,80)">
-            <clipPath id="_clip1">
-                <rect x="0" y="0" width="25" height="25"/>
-            </clipPath>
-            <g clip-path="url(#_clip1)">
-                <g transform="matrix(1.66394,0,0,1.66394,3.32789,5.01225)">
-                    <path d="M1.45,0.45L9.55,8.55" style="fill:none;stroke-width:1px;stroke:rgb(255,0,100);"/>
-                </g>
-                <g transform="matrix(1.66394,0,0,1.66394,3.32789,5.01225)">
-                    <path d="M9.55,0.45L1.45,8.55" style="fill:none;stroke-width:1px;stroke:rgb(255,0,100);"/>
-                </g>
+            <g transform="matrix(1.66394,0,0,1.66394,0,-133.116)">
+                <path d="M7.508,86.728C8.739,85.523 9.979,84.326 11.196,83.109C11.277,83.034 11.364,82.99 11.472,82.968C11.512,82.964 11.549,82.962 11.589,82.964C11.668,82.973 11.743,82.994 11.811,83.036C11.994,83.148 12.086,83.371 12.036,83.579C12.017,83.657 11.98,83.724 11.93,83.787C10.749,85.064 9.524,86.299 8.285,87.52C9.489,88.752 10.686,89.991 11.904,91.209C11.958,91.267 12.001,91.331 12.026,91.408C12.042,91.458 12.05,91.51 12.05,91.562C12.05,91.82 11.846,92.041 11.589,92.061C11.454,92.071 11.33,92.025 11.225,91.942C9.948,90.762 8.713,89.536 7.492,88.297C6.261,89.501 5.021,90.698 3.804,91.916C3.745,91.97 3.681,92.013 3.605,92.038C3.555,92.054 3.502,92.062 3.45,92.062C3.192,92.062 2.972,91.858 2.952,91.602C2.941,91.466 2.987,91.342 3.07,91.238C4.251,89.96 5.476,88.726 6.715,87.505C5.511,86.273 4.314,85.034 3.096,83.816C3.042,83.757 2.999,83.693 2.974,83.617C2.908,83.413 2.983,83.184 3.156,83.058C3.221,83.01 3.294,82.984 3.372,82.968C3.412,82.964 3.449,82.962 3.489,82.964C3.598,82.977 3.689,83.014 3.775,83.082C5.052,84.263 6.287,85.488 7.508,86.728Z" style="fill:rgb(255,0,100);"/>
             </g>
         </g>
     </g>
diff --git a/src/skins/vector/img/icons_ellipsis.svg b/src/skins/vector/img/icons_ellipsis.svg
new file mode 100644
index 00000000..43a5496e
--- /dev/null
+++ b/src/skins/vector/img/icons_ellipsis.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 25 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
+    <g transform="matrix(1,0,0,1,-136,-0)">
+        <g id="icons_ellipsis" transform="matrix(1,0,0,1,-41.6501,0)">
+            <g transform="matrix(1,0,0,1,184.655,11.618)">
+                <path d="M0.826,1.764C1.33,1.764 1.652,1.386 1.652,0.882C1.652,0.364 1.33,0 0.826,0C0.336,0 0,0.364 0,0.882C-0.014,1.386 0.336,1.764 0.826,1.764ZM5.488,1.764C5.992,1.764 6.328,1.386 6.328,0.882C6.314,0.364 5.992,0 5.502,0C5.012,0 4.662,0.364 4.662,0.882C4.648,1.386 4.998,1.764 5.488,1.764ZM10.15,1.764C10.668,1.764 10.99,1.386 10.99,0.882C10.99,0.364 10.654,0 10.164,0C9.674,0 9.324,0.364 9.324,0.882C9.324,1.386 9.66,1.764 10.15,1.764Z" style="fill:rgb(205,205,205);"/>
+            </g>
+        </g>
+    </g>
+</svg>