OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Teaks to the CSS for the new ellipsis icon, and resizing the avatar back to 24px from 25px, as needs to be even number for the Text letter to align vertically

pull/1941/head
wmwragg 2016-08-10 17:00:06 +01:00
parent 9798e14733
commit 804b17fbf1
3 changed files with 10 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/skins/vector/css/matrix-react-sdk/views/avatars/BaseAvatar.css
View File

@ -23,7 +23,6 @@ limitations under the License.
z-index: 1;
color: #fff;
text-align: center;
padding-top: 1px;
speak: none;
pointer-events: none;
font-weight: normal;

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

@ -19,13 +19,13 @@ limitations under the License.
cursor: pointer;
font-size: 13px;
display: block;
height: 35px;
height: 34px;
}
.mx_RoomTile_nameContainer {
display: inline-block;
width: 180px;
height: 25px;
height: 24px;
}
.mx_RoomTile_avatar {
@ -34,8 +34,8 @@ limitations under the License.
padding-bottom: 5px;
padding-left: 16px;
padding-right: 6px;
width: 25px;
height: 25px;
width: 24px;
height: 24px;
vertical-align: middle;
}
@ -47,9 +47,9 @@ limitations under the License.
border-radius: 40px;
background-image: url("img/icons_ellipsis.svg");
background-size: 25px;
left: 16px;
width: 25px;
height: 25px;
left: 15px;
width: 24px;
height: 24px;
z-index: 4;
}
@ -61,8 +61,8 @@ limitations under the License.
border-radius: 40px;
background: #4A4A4A;
top: 5px;
width: 25px;
height: 25px;
width: 24px;
height: 24px;
opacity: 0.6;
z-index: 2;
}

12
src/skins/vector/img/icons_ellipsis.svg
View File

@ -1,11 +1 @@
<?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>
<?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;"><path d="M7.831,13.382c0.504,0 0.826,-0.378 0.826,-0.882c0,-0.518 -0.322,-0.882 -0.826,-0.882c-0.49,0 -0.826,0.364 -0.826,0.882c-0.014,0.504 0.336,0.882 0.826,0.882ZM12.493,13.382c0.504,0 0.84,-0.378 0.84,-0.882c-0.014,-0.518 -0.336,-0.882 -0.826,-0.882c-0.49,0 -0.84,0.364 -0.84,0.882c-0.014,0.504 0.336,0.882 0.826,0.882ZM17.155,13.382c0.518,0 0.84,-0.378 0.84,-0.882c0,-0.518 -0.336,-0.882 -0.826,-0.882c-0.49,0 -0.84,0.364 -0.84,0.882c0,0.504 0.336,0.882 0.826,0.882Z" style="fill:#fff;"/></svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 910 B