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

UI Display and Visibility Example #7629

Merged
merged 31 commits into from
Jun 19, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
31 commits
Select commit Hold shift + click to select a range
b6b11e4
changes:
ickshonpe Feb 11, 2023
aab1812
cargo fmt --all
ickshonpe Feb 11, 2023
51e3280
more contrast
ickshonpe Feb 11, 2023
6d1f9bc
build-example-pages
ickshonpe Feb 11, 2023
1e82c59
changed colors
ickshonpe Feb 11, 2023
50b3f42
fixed flex-direction bug
ickshonpe Feb 11, 2023
b6984ab
larger font
ickshonpe Feb 12, 2023
f5e8a4f
fixed left click bug
ickshonpe Feb 13, 2023
9b84d2d
* renamed example to "display_and_visbility.rs"
ickshonpe Feb 14, 2023
51fddf1
change message on wasm build to press space instead of click right mouse
ickshonpe Feb 14, 2023
d319c9b
fmt
ickshonpe Feb 14, 2023
1c638bc
build-example-pages
ickshonpe Feb 14, 2023
0d60e92
changed labels into buttons
ickshonpe Feb 14, 2023
a2324c2
changed labels into buttons
ickshonpe Feb 15, 2023
940be11
Removed the `Size` constraint from the outer node of the left panel s…
ickshonpe Feb 15, 2023
6a86a77
Stuff each node on the left panel with a second invisable node.
ickshonpe Feb 15, 2023
c9582e4
remove width constraints on inner nodes and cargo fmt
ickshonpe Feb 15, 2023
53e23e6
lint fixes
ickshonpe Feb 15, 2023
e0d03d4
add text background alpha
ickshonpe Feb 15, 2023
aec8a13
add text color change on mouse over
ickshonpe Feb 15, 2023
90debba
improved layout
ickshonpe Feb 15, 2023
c7238f8
fmt
ickshonpe Feb 15, 2023
08fd0be
add WinitSettings::desktop_app()
ickshonpe Feb 15, 2023
c650a1f
generic buttons handler
ickshonpe Feb 17, 2023
9a04d5b
Merge branch 'main' into display-example
ickshonpe Jun 19, 2023
094c98a
Fixed errrors resulting from the merge.
ickshonpe Jun 19, 2023
7ded881
Moved the button labels to child `TextBundle`s rather instead adding …
ickshonpe Jun 19, 2023
823b611
Fixed the text button color changes when hovered.
ickshonpe Jun 19, 2023
08b0580
Changed the palette to different blue-ish shades for the panels, text…
ickshonpe Jun 19, 2023
d0789f2
cargo run -p build-templated-pages -- update examples
ickshonpe Jun 19, 2023
d1c4b36
Added descriptions for some of the properties
ickshonpe Jun 19, 2023
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 10 additions & 0 deletions Cargo.toml
Original file line number Diff line number Diff line change
Expand Up @@ -1792,6 +1792,16 @@ description = "Illustrates creating and updating a button"
category = "UI (User Interface)"
wasm = true

[[example]]
name = "display_and_visibility"
path = "examples/ui/display_and_visibility.rs"

[package.metadata.example.display_and_visibility]
name = "Display and Visibility"
description = "Demonstrates how Display and Visibility work in the UI."
category = "UI (User Interface)"
wasm = true

[[example]]
name = "window_fallthrough"
path = "examples/ui/window_fallthrough.rs"
Expand Down
1 change: 1 addition & 0 deletions examples/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -339,6 +339,7 @@ Example | Description
[Borders](../examples/ui/borders.rs) | Demonstrates how to create a node with a border
[Button](../examples/ui/button.rs) | Illustrates creating and updating a button
[CSS Grid](../examples/ui/grid.rs) | An example for CSS Grid layout
[Display and Visibility](../examples/ui/display_and_visibility.rs) | Demonstrates how Display and Visibility work in the UI.
[Flex Layout](../examples/ui/flex_layout.rs) | Demonstrates how the AlignItems and JustifyContent properties can be composed to layout nodes and position text
[Font Atlas Debug](../examples/ui/font_atlas_debug.rs) | Illustrates how FontAtlases are populated (used to optimize text rendering internally)
[Overflow](../examples/ui/overflow.rs) | Simple example demonstrating overflow behavior
Expand Down
Loading