UI Enhancement

[dkhd]

Hi @kimlimjustin

Please take a look at this PR.

Motivation

After forking the repository, I spotted several parts that are related to UIs that can be improved like font size, padding, margin, etc, so I make the changes. This PR is purely for aesthetic purpose.

Changes

There are several changes I've made, and some of them are:

• Reducing the font size
• Increasing the padding & margin on the sidebar
• Removing the border & background from Favorites & Drives at main panel (those were look like selected-state before the changes)
• Increasing context menu padding
• Adding context menu hover state
• Moving the "Settings" text to left side, as well as the back button

Please take a look at these screenshots below (I'm using Elementary OS 6) to see the changes:

Related

None

Additional Comments

During the development, I found these two issues (UI-related issues). I will submit these to the issue tab later, but I will put them here first:

• To make the selected-state active in the "Favorite" and "Drives" section in the main panel (not sidebar), it can only be clicked/activated from the edge of the border in hover state
• Context menu is clipped if opened at the edge of the window

[vercel]

Someone is attempting to deploy a commit to a Personal Account owned by @kimlimjustin on Vercel.

@kimlimjustin first needs to authorize it.

[kimlimjustin]

The design looks good to me! TYSM!

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/kimlimjustin/xplorer/2SsMvZ77CQuRj6kEoTEQ4SzNLUG7
✅ Preview: https://xplorer-git-fork-dkhd-master-kimlimjustin.vercel.app

[kimlimjustin]

Oops, it seems like you edited the yarn.lock file and the workflow failed. I'll take a look into it.

[kimlimjustin]

I'm really sorry but the favorites section and the drives section layout are also being affected when changing Layout Mode, could you please deliver a fix for that @dkhd? It's okay if you're not available tho :)

Salam

[dkhd]

Hi @kimlimjustin

Sure I'll check it. But maybe tomorrow? Currently I'm not available.

What do you think?

[kimlimjustin]

Hi @kimlimjustin

Sure I'll check it. But maybe tomorrow? Currently I'm not available.

What do you think?

It's okay (I need to do my homework too haha), thanks and sorry for disturbing you

[dkhd]

Haha. No worries, young man..

You did a great job 👍

[dkhd]

hi @kimlimjustin

Please kindly check your email :)