Skip to content

Small improvements to the lobby pane#4

Open
dhAlcojor wants to merge 1 commit into
machindo:mainfrom
dhAlcojor:main
Open

Small improvements to the lobby pane#4
dhAlcojor wants to merge 1 commit into
machindo:mainfrom
dhAlcojor:main

Conversation

@dhAlcojor

Copy link
Copy Markdown
  • Moved the "Open file..." button to the top, next to the "New file" button
  • Slightly modified the style for the recent files:
    • Added a "Recent files" header
    • Made the filename in bold typeface and removed the rest of the path
    • Added the full path to the right of the filename in a smaller font and gray color
image

style: move both buttons in lobby pane to the top
style: improve readability of recent file names
</div>
<hr v-if="recentFiles.length">
<button type="button" v-for="file of recentFiles" :key="file" @click="openFile(file)">{{ file }}</button>
<p>Recent files</p>

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

This should conditionally show only when there are > 0 recent files. Could wrap the whole block from the hr down the file buttons in one v-if. Also, I feel like this should be an h3, though I don't think the bold styling is necessary. I could go either way.

<strong>{{ file.split('/').pop() }}</strong>
<span>{{file}}</span>
</button>
<hr v-if="recentFiles.length">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

I don't think this hr is necessary anymore.

<h2>Open file</h2>
<button type="button" @click="openFile()">New file</button>
<div class="file-actions">
<button type="button" @click="openFile()">New file</button>

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

If we're making these inline, maybe add some borders around them? They're just too flat, and that's my fault.

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.

2 participants