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.

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

feat(ui5-checkbox): add displayOnly mode #8111

Merged
merged 3 commits into from
Jan 16, 2024
Merged

Conversation

dobrinyonkov
Copy link
Contributor

Closes: #7911

}

get displayOnlyIcon() {
if (this.isCompletelyChecked) {
Copy link
Member

@ilhan007 ilhan007 Jan 15, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you for the quick reaction. I think we only import the "@ui5/webcomponents-icons/dist/accept.js"; icon.
Do we need more icons imports - complete, tri-state, border.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, I forgot to add them. Thanks!

Copy link
Contributor

@plamenivanov91 plamenivanov91 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The newly added display only type doesn't appear good on darker themes (dark and hcb).

It should be brighter.

@@ -40,6 +40,7 @@
<ui5-title>Change Event Test</ui5-title>
<ui5-checkbox id="cb1" text="Long long long text"></ui5-checkbox>
<ui5-checkbox id="cb2" disabled></ui5-checkbox>
<ui5-checkbox id="displayOnlyCb" display-only></ui5-checkbox>
<ui5-input id="field"></ui5-input>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can we add all of its variants for easier theme checking like this

<ui5-checkbox display-only checked></ui5-checkbox>
<ui5-checkbox display-only indeterminate checked></ui5-checkbox>

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That makes sense, Thanks!

@dobrinyonkov
Copy link
Contributor Author

The newly added display only type doesn't appear good on darker themes (dark and hcb).

It should be brighter.

Fixed, thanks for catching that.

@dobrinyonkov dobrinyonkov merged commit c99d0ec into main Jan 16, 2024
8 checks passed
@dobrinyonkov dobrinyonkov deleted the checkbox-display-mode branch January 16, 2024 14:48
PetyaMarkovaBogdanova pushed a commit that referenced this pull request Jan 17, 2024
* feat(ui5-checkbox): add displayOnly mode

* chore: import icons

* fix: icon color in dark themes and add more examples
ilhan007 pushed a commit that referenced this pull request Jan 19, 2024
* feat(ui5-checkbox): add displayOnly mode

* chore: import icons

* fix: icon color in dark themes and add more examples
tsanislavgatev pushed a commit that referenced this pull request Feb 20, 2024
* feat(ui5-checkbox): add displayOnly mode

* chore: import icons

* fix: icon color in dark themes and add more examples
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feature Request]: CheckBox display mode
3 participants