MaterialDesignInXamlToolkit icon indicating copy to clipboard operation
MaterialDesignInXamlToolkit copied to clipboard

Uniform style in demo app pages

Open MichelMichels opened this issue 2 years ago • 12 comments

I'm reviewing the demo app pages to create a more uniform style and fixing some minor style issues.

Pages:

  • [X] Buttons
  • [X] Cards
  • [X] Chips
  • [X] Color Tool
  • [X] Colour Zones
  • [X] ComboBoxes
  • [X] Data Grids
  • [x] Dialogs
  • [x] Drawer
  • [x] Elevation
  • [x] Expander
  • [x] Fields
  • [x] Fields line up
  • [x] Group Boxes
  • [x] Icon Pack
  • [x] Lists
  • [x] Menus & Tool Bars
  • [x] Navigation Rail
  • [x] Palette
  • [x] Pickers
  • [x] Progress Indicators
  • [x] Rating Bar
  • [x] Sliders
  • [x] Snackbar
  • [x] Tabs
  • [x] Toggles
  • [x] Transitions
  • [x] Trees
  • [x] Typography

Other:

  • [X] Documentation links in header VerticalAlignment = Center for TextBlock

MichelMichels avatar Nov 14 '22 07:11 MichelMichels

I thought the wrapping issue was fixed but it's not. I haven't checked all views but I can say that Card and Elevation views are not wrapped compared to the old versions See: https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/discussions/2862 It would be nice to fix that

ElieTaillard avatar Nov 16 '22 09:11 ElieTaillard

@Xaalek could you clarify what behavior is desired? Do you mean WrapPanel style wrapping?

Atm the Cards page gets a horizontal and vertical scrollbar when the windows size is too small for the content (see screenshot below). image

MichelMichels avatar Nov 16 '22 09:11 MichelMichels

@Xaalek The issue is in MaterialDesignDemo.Domain.DemoItem.

private ScrollBarVisibility _horizontalScrollBarVisibilityRequirement = ScrollBarVisibility.Auto;
private ScrollBarVisibility _verticalScrollBarVisibilityRequirement = ScrollBarVisibility.Auto;

The default horizontalscrollbarvisibility should be ScrollBarVisibility.Disabled in my opinion. When I set it manually on the demoitem for the cards page, this works as intended.

@Keboo can I change this default value? Horizontal scrolling for a desktop app doesn't seem intuitive to me, but maybe this is a personal preference.

MichelMichels avatar Nov 16 '22 10:11 MichelMichels

In the old versions of the demo, views was wrapped Old (4.5.0): image New (last): image

ElieTaillard avatar Nov 16 '22 10:11 ElieTaillard

In the old versions of the demo, views was wrapped Old (4.5.0): (...)

@Xaalek I fixed it in one of the previous commits.

MichelMichels avatar Nov 18 '22 20:11 MichelMichels

@MichelMichels yes feel free to change the default.

Keboo avatar Nov 19 '22 05:11 Keboo

@MichelMichels yes feel free to change the default.

Thanks! But in the meantime I found out that it's better to leave it this way and change it on specific pages where it's needed.

MichelMichels avatar Nov 19 '22 07:11 MichelMichels

Better late than never I guess. Ready for merging with master!

MichelMichels avatar May 17 '23 21:05 MichelMichels

This PR is marked stale because it has been open 60 days with no activity. Remove stale label or update the PR, otherwise it will be closed in 14 days.

github-actions[bot] avatar Jul 18 '23 02:07 github-actions[bot]

This PR is marked stale because it has been open 60 days with no activity. Remove stale label or update the PR, otherwise it will be closed in 14 days.

github-actions[bot] avatar Sep 17 '23 01:09 github-actions[bot]

This PR is marked stale because it has been open 60 days with no activity. Remove stale label or update the PR, otherwise it will be closed in 14 days.

github-actions[bot] avatar Nov 18 '23 01:11 github-actions[bot]

This PR is marked stale because it has been open 60 days with no activity. Remove stale label or update the PR, otherwise it will be closed in 14 days.

github-actions[bot] avatar Jan 19 '24 01:01 github-actions[bot]

This PR is marked stale because it has been open 60 days with no activity. Remove stale label or update the PR, otherwise it will be closed in 14 days.

github-actions[bot] avatar Mar 30 '24 01:03 github-actions[bot]

@Keboo is this okay to merge? I reviewed the demo application and everything is working as before.

MichelMichels avatar Apr 01 '24 10:04 MichelMichels