mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2024-11-27 02:01:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(component): [badge] fix auto width (#11003)

Browse Source 
* fix: badge auto width

* fix(components): [badge] remove inset-inline-end
This commit is contained in:
Ayden 2023-01-10 16:45:28 +08:00 committed by GitHub
parent dd86f253e9
commit d6b14cf303
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docs/examples/badge/basic.vue
View File

@ -41,6 +41,7 @@ import { CaretBottom } from '@element-plus/icons-vue'
margin-top: 10px;
margin-right: 40px;
}
.el-dropdown {
margin-top: 1.1rem;
}

2
packages/theme-chalk/src/badge.scss
View File

@ -11,6 +11,7 @@
position: relative;
vertical-align: middle;
display: inline-block;
width: fit-content;
@include e(content) {
background-color: getCssVar('badge', 'bg-color');
@ -32,6 +33,7 @@
top: 0;
right: calc(1px + #{getCssVar('badge', 'size')} / 2);
transform: translateY(-50%) translateX(100%);
z-index: getCssVar('index', 'normal');
@include when(dot) {
right: 5px;