From 804b17fbf12842639a274ce2b15cb26d57ad4817 Mon Sep 17 00:00:00 2001 From: wmwragg Date: Wed, 10 Aug 2016 17:00:06 +0100 Subject: [PATCH] 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 --- .../views/avatars/BaseAvatar.css | 1 - .../matrix-react-sdk/views/rooms/RoomTile.css | 18 +++++++++--------- src/skins/vector/img/icons_ellipsis.svg | 12 +----------- 3 files changed, 10 insertions(+), 21 deletions(-) diff --git a/src/skins/vector/css/matrix-react-sdk/views/avatars/BaseAvatar.css b/src/skins/vector/css/matrix-react-sdk/views/avatars/BaseAvatar.css index 6cbd673b20..901a29599a 100644 --- a/src/skins/vector/css/matrix-react-sdk/views/avatars/BaseAvatar.css +++ b/src/skins/vector/css/matrix-react-sdk/views/avatars/BaseAvatar.css @@ -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; 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 69b9dd4e07..c266b027d7 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 @@ -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; } diff --git a/src/skins/vector/img/icons_ellipsis.svg b/src/skins/vector/img/icons_ellipsis.svg index 43a5496e43..ba600ccacc 100644 --- a/src/skins/vector/img/icons_ellipsis.svg +++ b/src/skins/vector/img/icons_ellipsis.svg @@ -1,11 +1 @@ - - - - - - - - - - - +