Class icon misalignment fixed. fixes #13316 (#13330)

* change position of class icon on profile modal

Changed the bottom position of class icon on profile modal

* Convert `badgeSize` to pixel

Converted the badgeSize prop to pixel value by adding `+ 'px'`.
This commit is contained in:
Faris P 2021-08-27 05:03:05 +05:30 committed by GitHub
parent 62602a997c
commit f9a0939796
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -1,6 +1,6 @@
<template>
<div class="class-badge d-flex justify-content-center"
:style="{'--badge-size': badgeSize}">
:style="{'--badge-size': badgeSize + 'px'}">
<div
class="align-self-center svg-icon"
:aria-label="$t(memberClass)"
@ -24,7 +24,7 @@
&.under-avatar {
position: absolute;
left: calc(50% - (16px));
bottom: -(var(--badge-size) / 2);
bottom: calc( (var(--badge-size) / 2) * -1);
z-index: 1;
}