gaja-group
/
matrix-bot
2
0
Fork 0
Code Issues Pull Requests 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

This commit is contained in:
wmwragg 2016-08-10 17:00:06 +01:00
parent 9798e14733
commit 804b17fbf1
3 changed files with 10 additions and 21 deletions
src/skins/vector
css/matrix-react-sdk/views
avatars
BaseAvatar.css
rooms
RoomTile.css
img
icons_ellipsis.svg

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

(image error) Size: 1.1 KiB

After

(image error) Size: 910 B