mirror of
https://github.com/element-hq/element-web
synced 2024-11-27 03:36:07 +03:00
Use integer padding / border for avatar
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:
parent
28b8ccfdb1
commit
807d3aba6e
1 changed files with 4 additions and 4 deletions
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue