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

Better Menu Fix #196

Closed
wants to merge 6 commits into from
Closed

Better Menu Fix #196

wants to merge 6 commits into from

Conversation

fabian0010
Copy link
Contributor

I fixed #173

image

@fabian0010 fabian0010 force-pushed the better-menu branch 2 times, most recently from 50f045b to f263f53 Compare February 5, 2019 22:52
@fabian0010
Copy link
Contributor Author

Okay after a bunch of trial and error i realized that the original better-menu branch is outdated, it should theoretically all be good now.

Todo: find out why the menu isn't animated (at least for me)

@hanskokx
Copy link
Contributor

hanskokx commented Feb 6, 2019 via email

@hanskokx
Copy link
Contributor

hanskokx commented Feb 6, 2019 via email

@felixse
Copy link
Owner

felixse commented Feb 6, 2019

I think we should avoid to updated the target framework when possible. My plan for the menu is to actually use a NavigationView in minimal mode, this gives us a very system like design by default, also animations.

@fabian0010
Copy link
Contributor Author

@skipmeister123 haha it's fine ^^

@felixse yeah i thought so as well, so this branch runs on the original target framework now

oh, I didn't know about the minimal mode, I gotta check that out

@fabian0010
Copy link
Contributor Author

Oh my, that minimal mode is perfect, why didn't I find this anywhere

@fabian0010
Copy link
Contributor Author

Nevermind, to use it we'd need a greater target version

AddCommand="{x:Bind ViewModel.AddTerminalCommand}"
ItemsSource="{x:Bind ViewModel.Terminals, Mode=OneWay}"
SelectedItem="{x:Bind ViewModel.SelectedTerminal, Mode=TwoWay}"
Visibility="{x:Bind ViewModel.ShowTabsOnTop, Mode=OneWay}" Margin="0,0,1417,0" VerticalAlignment="Stretch" />
Copy link
Contributor

Choose a reason for hiding this comment

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

This margin is very specific. Are there any issues when resizing?

@hanskokx
Copy link
Contributor

hanskokx commented Feb 6, 2019

I think we should avoid to updated the target framework when possible. My plan for the menu is to actually use a NavigationView in minimal mode, this gives us a very system like design by default, also animations.

I wanted to avoid that, because I think the back arrow is ugly and unnecessary.

@patriksvensson
Copy link

I wanted to avoid that, because I think the back arrow is ugly and unnecessary.

@skipmeister123 The back arrow is configurable.
A NavigationView sounds like a perfect fit for what you're trying to accomplish.

@fabian0010
Copy link
Contributor Author

@skipmeister123 you can deactivate the back arrow, that wouldn't be a problem, what would be a problem is that the NavigationView only seems to support said minimal mode (which only shows the button when the pane is closed) in a more recent target version

@felixse
Copy link
Owner

felixse commented Feb 6, 2019

There is no PaneDisplayMode, but we should be able to achieve this by setting both threshholds to something very big

@fabian0010
Copy link
Contributor Author

No clue what you mean, but sounds good ^^

@hanskokx
Copy link
Contributor

hanskokx commented Mar 6, 2019

Hey, we could pull some Microsoft logic for handling the menu. I like how Calculator does it, anyway.
https://github.com/Microsoft/calculator/tree/master/src/Calculator

@felixse
Copy link
Owner

felixse commented Mar 6, 2019

Didn't know that calculator is open source, thanks for posting this 👍
So far it looks like NavigationView is not the right thing to use. There is a lot of workaround to do because we don't navigate but try show a menu instead and not having the button somewhere over in the terminal. I think it will be easier to follow the SplitView approach with DisplayMode set to Overlay

@felixse
Copy link
Owner

felixse commented Mar 8, 2019

Currently investigating in this direction:
image

Todo:

  • Add icons
  • Reduce height of items
  • Add keybinding information

What do you think?

@hanskokx
Copy link
Contributor

hanskokx commented Mar 8, 2019 via email

@ericcornelissen
Copy link
Contributor

ericcornelissen commented Mar 8, 2019

Looks awesome! I like the idea of adding the keybinding info, any idea on how that will look? Maybe instead of the lines you can have some sort of header (not sure what the text of the header would be though...)?

Maybe add "FluentTerminal" to the bottom of the menu? It looks pretty naked right now.

Alternatively you could move the "About" button there similar to the settings window and the Calculate app. Or perhaps "Quit"? Maybe both?


Maybe you can use this tool (ScreenToGif) to show what it looks like when you open the menu 😇

@hanskokx
Copy link
Contributor

hanskokx commented Mar 8, 2019

Alternatively you could move the "About" button there similar to the settings window and the Calculate app. Or perhaps "Quit"? Maybe both?

Kinda like I did before? :P

@felixse
Copy link
Owner

felixse commented Mar 8, 2019

We could also add the content of the about page there. That way we have the app name, the current version, and maybe even an update indicator there

@ericcornelissen
Copy link
Contributor

Kinda like I did before? :P

Hehe 😅 Apparently, yes

We could also add the content of the about page there. That way we have the app name, the current version, and maybe even an update indicator there

Not a bad idea, the main argument against that I think is that it is not consistent with other UWP apps (at least in my experience). Also, it might get a little bit cluttered that way 🤔

@felixse
Copy link
Owner

felixse commented Mar 18, 2019

Update:
image

@hanskokx
Copy link
Contributor

hanskokx commented Mar 18, 2019 via email

@felixse
Copy link
Owner

felixse commented Mar 19, 2019

I love it, but I'd like the ℹ️ icon instead of the ?

Yes of course, I was just hacking this together and was to lazy to search for the right icon.

The bad news is that I will need to bump the TargetVersion to 1803 for this. I think we should release 0.4.0.0 first, then raise the version for 0.5.0.0

@ericcornelissen
Copy link
Contributor

Looking nice @felixse 👌

I could give some suggestion, I'm not even sure if I would want them, nevertheless:

  • Somehow incorporate "New Configurable Tab" and "New Configurable Window"? I think out of those two the "New Configurable Tab" is most useful. This is basically Add 'Choose Shell' menu for opening a new tab #218 I guess.
  • Move "Quit" down so it is together with "About"? Not sure, it might look better?
  • Add a button for "Toggle full screen".

The bad news is that I will need to bump the TargetVersion to 1803 for this. I think we should release 0.4.0.0 first, then raise the version for 0.5.0.0

That's a bummer 😞 Don't know how soon you want to release 0.4.0.0, but I guess it's best to wait...

@felixse
Copy link
Owner

felixse commented Mar 19, 2019

I thought about giving 'New Tab' and 'New Window' submenus with elements for each profile. Just wondering how to add the default. Maybe if you click the root menu item?

0.4.0.0 should be coming this week The plan is to merge the command PR, add the TERM_PROGRAM environment variable and some logging improvements and then release it.

@ericcornelissen
Copy link
Contributor

I thought about giving 'New Tab' and 'New Window' submenus with elements for each profile. Just wondering how to add the default. Maybe if you click the root menu item?

I was thinking something like PaneCustomContent (although I would put the arrow at the end rather than the start in this particular use case). I'm assuming the Item 3a only shows after you clicked item 3.

preview from UWP docs

Or perhaps a right click/context menu? But I don't think that is a good choice from a usability stand-point (its not obvious).

0.4.0.0 should be coming this week The plan is to merge the command PR, add the TERM_PROGRAM environment variable and some logging improvements and then release it.

Ah oke, in that case its definitely better to wait 👍

@NikkyAI
Copy link

NikkyAI commented Mar 25, 2019

I thought about giving 'New Tab' and 'New Window' submenus with elements for each profile. Just wondering how to add the default. Maybe if you click the root menu item?

how about having it read + Powershell as 2 buttons? blicking the + would open the dropdown with all non-default profiles

in gitkraken:
https://i.imgur.com/5oOIlF4.png
this works and is very intuitive, in these you can also switch the defaults by clicking on the radio buttons
i feel like quickly switching the defaults based on what kind of task i am doing might be useful, but there could also be misclicking, in that case maybe require holding a modifier key to switch defaults..
anyways the othjer mockups there also look great

@felixse
Copy link
Owner

felixse commented Aug 25, 2019

image

How about this?

@hanskokx
Copy link
Contributor

hanskokx commented Aug 25, 2019 via email

@felixse
Copy link
Owner

felixse commented Aug 26, 2019

What are the chances people have more than 10 profiles? The sidebar just looks a bit off, and I don't think we should optimize for the edge case

@hanskokx
Copy link
Contributor

hanskokx commented Aug 26, 2019 via email

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.

6 participants