ElemeFE / ElemeFE/mint-ui

[Bug Report] toast最大宽度并不能显示为屏幕宽度的80%,而是只有50%

Open
#1,329 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
Vue
Stars
16.4k
Forks
3.5k
PR merge metrics
No merged PRs in 30d

Description

### Mint UI version
2.2.11

### OS/Browsers version
mac/chrome

### Vue version
2.4.2

### Reproduction Link
[http://elemefe.github.io/mint-ui/#/toast](http://elemefe.github.io/mint-ui/#/toast)

### Steps to reproduce
文字设置很多时,发现并不能将弹框扩大到屏幕百分之八十,只有百分之五十
弹框样式.toast设置了max-width:80%;但是无效,因为设置了left为50%,这样导致弹框最大只有百分五十的宽度,建议外层再加一个container,设置为透明,而控制弹窗位置使用flex布局可解决。

### What is Expected?
提示内容很多时,弹框宽度应为整体的百分之八十

### What is actually happening?
只有百分之五十

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.