This is an automated email from the ASF dual-hosted git repository. linxinyuan pushed a commit to branch xinyuan-refactor-avatar in repository https://gitbox.apache.org/repos/asf/texera.git
commit 95748846a7e75d82816d6fbd684a69d72609dd1c Author: Xinyuan Lin <[email protected]> AuthorDate: Tue Sep 30 14:06:01 2025 -0700 init --- .../user/user-avatar/user-avatar.component.html | 27 ++++++++-------------- .../user/user-avatar/user-avatar.component.scss | 22 ------------------ 2 files changed, 10 insertions(+), 39 deletions(-) diff --git a/core/gui/src/app/dashboard/component/user/user-avatar/user-avatar.component.html b/core/gui/src/app/dashboard/component/user/user-avatar/user-avatar.component.html index 99bd0ebb6d..a2000c8fb9 100644 --- a/core/gui/src/app/dashboard/component/user/user-avatar/user-avatar.component.html +++ b/core/gui/src/app/dashboard/component/user/user-avatar/user-avatar.component.html @@ -16,20 +16,13 @@ specific language governing permissions and limitations under the License. --> - -<div - class="d-inline-block avatar-wrapper" - style="position: relative"> - <nz-avatar - [nzAlt]="" - [nzSrc]="(avatarUrl$ | async) || ''" - [nzText]="abbreviate(userName || '')" - [style.background-color]="userColor" - class="texera-user-avatar"> - </nz-avatar> - <span - *ngIf="isOwner" - class="owner-badge" - >★</span - > -</div> +<nz-avatar + [nzSrc]="(avatarUrl$ | async) || ''" + [nzText]="abbreviate(userName || '')" + [style.background-color]="userColor"> +</nz-avatar> +<span + *ngIf="isOwner" + class="owner-badge" + >★</span +> diff --git a/core/gui/src/app/dashboard/component/user/user-avatar/user-avatar.component.scss b/core/gui/src/app/dashboard/component/user/user-avatar/user-avatar.component.scss index aebada8c00..88a753ea93 100644 --- a/core/gui/src/app/dashboard/component/user/user-avatar/user-avatar.component.scss +++ b/core/gui/src/app/dashboard/component/user/user-avatar/user-avatar.component.scss @@ -17,28 +17,6 @@ * under the License. */ -.avatar-wrapper { - position: relative; - display: inline-block; -} - -.texera-user-avatar { - object-fit: cover; - border-radius: 50%; - width: 34px; - height: 34px; - vertical-align: top; - font-size: smaller; - font-family: roboto, arial, serif; - color: white; - line-height: 34px; - text-align: center; -} - -.texera-user-avatar:hover { - box-shadow: #ccc 0 0 10px; -} - .owner-badge { position: absolute; top: 3px;
