Skip to content
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

套用 ts-input .is-negative 樣式到 input:invalid #1037

Open
t510599 opened this issue May 11, 2024 · 2 comments
Open

套用 ts-input .is-negative 樣式到 input:invalid #1037

t510599 opened this issue May 11, 2024 · 2 comments
Assignees
@YamiOdymel
Labels
❄ 僵局 因為沒有特別想法或是活躍度而暫時無異動的功能，但未來可能會加入。 🎨 CSS 與 CSS 和外觀設計上有關聯。 💡 改進提案 討論的是基於目前元件所做出的變更，令某個功能或樣式更好（而不是追加新功能）。

Comments

@t510599
Copy link
Member

t510599 commented May 11, 2024

虛擬類別 :invalid 可在 <input> 不符合驗證規則時套用特定樣式

若 ts-input .is-negative 的樣式加上 .ts-input input:invalid 之選擇器
可使樣式自動套用到不符合驗證規則的 <input> 而不須另外加上 class
@YamiOdymel YamiOdymel self-assigned this May 12, 2024
@YamiOdymel YamiOdymel added 💡 改進提案 討論的是基於目前元件所做出的變更，令某個功能或樣式更好（而不是追加新功能）。 🎨 CSS 與 CSS 和外觀設計上有關聯。 labels May 12, 2024
@YamiOdymel
Copy link
Member

有點雙面刃，怕有些時候可能 invalid 不會想觸發 Tocas UI 的 is-negative 樣式

@t510599
Copy link
Member Author

t510599 commented May 13, 2024

了解這個考量，或許也能透過 .is-negative-when-invalid 之類的 class 來表示自動套用 .is-negative 的行為?

@YamiOdymel YamiOdymel added the ❄ 僵局 因為沒有特別想法或是活躍度而暫時無異動的功能，但未來可能會加入。 label Jul 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@YamiOdymel YamiOdymel

Labels
❄ 僵局 因為沒有特別想法或是活躍度而暫時無異動的功能，但未來可能會加入。 🎨 CSS 與 CSS 和外觀設計上有關聯。 💡 改進提案 討論的是基於目前元件所做出的變更，令某個功能或樣式更好（而不是追加新功能）。
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@YamiOdymel @t510599