New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

步驟指示器扁掉 #883

Closed

hqn21 opened this issue Dec 27, 2022 · 1 comment

Assignees

Labels

🐛 已證實 Bug 🎨 CSS

Milestone

Member

hqn21 commented Dec 27, 2022

如題
步驟指示器在超過一行的時候會扁掉
似乎是沒有加is-completed或is-active的才會出現這個問題（純item）

YamiOdymel self-assigned this

YamiOdymel added 🐛 已證實 Bug 🎨 CSS labels

YamiOdymel added this to the Tocas 4.1.1 milestone

Member

YamiOdymel commented Dec 27, 2022 •

edited

Loading

暫時修正用的 CSS，主要是 Flexbox 的文字區塊會太寬而把數字擠扁

.ts-procedure .item .indicator {
    min-width: 2rem;
    margin-top: -0.05rem;
}

.ts-procedure .item .content {
    align-items: flex-start;
}

大致上就可以修復

但因為這個臨時修正設置了 min-width 所以會影響到其他樣式，到時候要研究怎麼設計

YamiOdymel closed this as completed in

f334bd7

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment