Skip to content

Minor adjustments #495

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

Merged
merged 5 commits into from
Jan 14, 2018
Merged

Minor adjustments #495

merged 5 commits into from
Jan 14, 2018

Conversation

anteriovieira
Copy link
Contributor

@anteriovieira anteriovieira commented Jan 13, 2018

All the latest improvements have been really amazing, congratulations to all who contributed.

I would just like to suggest these minor changes:

  • Align the buttons to the right in the header.
    This keeps a pattern in the headers
  • Migrate the resource Open in editor to a button.
    In my opinion it makes more evident the existence of the resource and standardizes the feature as buttons in the header.
  • Change the icon of the Inspect DOM resource.
    The launch icon makes it clear that the user is moved to an inspection screen.

What are your thoughts on this?

@Akryum
Copy link
Member

Akryum commented Jan 13, 2018

I would invert the two icons. 😛

@yyx990803
Copy link
Member

yyx990803 commented Jan 13, 2018

I like this. How does it look on a narrower width though? I assume the text hides?

@Akryum Akryum self-assigned this Jan 13, 2018
@posva
Copy link
Member

posva commented Jan 13, 2018

Personally, I would stick the search to the right and stick Inspect DOM and Refresh to the Component name

@Akryum
Copy link
Member

Akryum commented Jan 14, 2018

@posva Every other header (component tree, vuex/events history and vuex inspector) have the search field on the left and the buttons on the right.

@Akryum
Copy link
Member

Akryum commented Jan 14, 2018

@yyx990803
vue-devtools-open-editor

@Akryum
Copy link
Member

Akryum commented Jan 14, 2018

vue-devtools-comp-inspector-actions

@Akryum
Copy link
Member

Akryum commented Jan 14, 2018

vue-devtools-comp-inspector-actions-wide

@Akryum Akryum requested review from yyx990803 and posva January 14, 2018 14:07
@anteriovieira
Copy link
Contributor Author

Thanks for the improvements @Akryum , I had to take a little trip.

@anteriovieira
Copy link
Contributor Author

@Akryum

@posva Every other header (component tree, vuex/events history and vuex inspector) have the search field on the left and the buttons on the right.

That's exactly  what I thought..

@Akryum Akryum added this to the v4.1.0 milestone Jan 14, 2018
<i class="material-icons">code</i>
<span>Inspect DOM</span>
</a>
<a class="button" @click="openInEditor" v-tooltip="openEditorTooltip">
<a
v-if="target.file"
Copy link
Contributor Author

@anteriovieira anteriovieira Jan 14, 2018

Choose a reason for hiding this comment

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

@Akryum in this case could remove condition if in theopenInEditor function.

@Akryum Akryum merged commit a79d9c5 into vuejs:master Jan 14, 2018
@anteriovieira anteriovieira deleted the normalization branch January 14, 2018 19:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants