Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-15 20:54:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

Room tag menu dohickey on the avatar on hover

Browse Source
This commit is contained in:
wmwragg 2016-08-10 15:04:02 +01:00
parent ff13782ab5
commit f8fa19ed47
4 changed files with 50 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/skins/vector/css/matrix-react-sdk/views/rooms/RoomTile.css
View File

@ -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;

2
src/skins/vector/css/vector-web/views/context_menus/RoomTagContextMenu.css
View File

@ -33,8 +33,6 @@ limitations under the License.
color: #ff0064;
}
.mx_RoomTagContextMenu_field.mx_RoomTagContextMenu_fieldSet {
font-weight: bold;
}

14
src/skins/vector/img/icon_context_delete.svg
View File

@ -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>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

11
src/skins/vector/img/icons_ellipsis.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB