mad-star-studio/element-web
2
0
Fork 0
Code Pull requests 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

Browse source
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
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; z-index: 1;
color: #fff; color: #fff;
text-align: center; text-align: center;
padding-top: 1px;
speak: none; speak: none;
pointer-events: none; pointer-events: none;
font-weight: normal; 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; cursor: pointer;
font-size: 13px; font-size: 13px;
display: block; display: block;
height: 35px; height: 34px;
} }
.mx_RoomTile_nameContainer { .mx_RoomTile_nameContainer {
display: inline-block; display: inline-block;
width: 180px; width: 180px;
height: 25px; height: 24px;
} }
.mx_RoomTile_avatar { .mx_RoomTile_avatar {
@ -34,8 +34,8 @@ limitations under the License.
padding-bottom: 5px; padding-bottom: 5px;
padding-left: 16px; padding-left: 16px;
padding-right: 6px; padding-right: 6px;
width: 25px; width: 24px;
height: 25px; height: 24px;
vertical-align: middle; vertical-align: middle;
} }
@ -47,9 +47,9 @@ limitations under the License.
border-radius: 40px; border-radius: 40px;
background-image: url("img/icons_ellipsis.svg"); background-image: url("img/icons_ellipsis.svg");
background-size: 25px; background-size: 25px;
left: 16px; left: 15px;
width: 25px; width: 24px;
height: 25px; height: 24px;
z-index: 4; z-index: 4;
} }
@ -61,8 +61,8 @@ limitations under the License.
border-radius: 40px; border-radius: 40px;
background: #4A4A4A; background: #4A4A4A;
top: 5px; top: 5px;
width: 25px; width: 24px;
height: 25px; height: 24px;
opacity: 0.6; opacity: 0.6;
z-index: 2; 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"?> <?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>
<!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 Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 910 B

Before After
Before After