PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Use integer padding / border for avatar

Browse source 
It seems fractional spacing results in different behavior across browsers,
including unbalanced spacing, making the avatar appear uncentered.

Here we avoid this by using integers that seem to closely match the comps.

Fixes https://github.com/vector-im/riot-web/issues/8134.
This commit is contained in:
J. Ryan Stinnett 2019-01-15 16:02:08 -06:00
parent 28b8ccfdb1
commit 807d3aba6e
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
res/css/views/avatars/_MemberStatusMessageAvatar.scss
View file

@ -15,13 +15,13 @@ limitations under the License.
*/
.mx_MessageComposer_avatar .mx_BaseAvatar {
padding: 1.5px;
border: 1.2px solid transparent;
border-radius: 14px;
padding: 2px;
border: 1px solid transparent;
border-radius: 15px;
}
.mx_MessageComposer_avatar .mx_BaseAvatar_initial {
left: 1.5px;
left: 2px;
}
.mx_MemberStatusMessageAvatar_hasStatus .mx_BaseAvatar {