ZeroX-DG / SnippetStore

:tada: A snippet management app for developers :rocket:
https://zerox-dg.github.io/SnippetStoreWeb/
MIT License
869 stars 81 forks source link

[UI] Ability to add custom styles. #42

Open bantya opened 5 years ago

bantya commented 5 years ago

Current Behavior

I am on 1366x768 sized laptop screen. Though this is a very common laptop screen size and I can get many of my jobs done using it. The SnippetStore app works well and has a beautiful layout, but I think (my opinion 👉) it applies a little bit more spacing to some elements.

Demonstration

image

1. The padding to the left and right of smaller sidebar is a bit much. The sidebar can be much thinner. 2. The space between snippet name and dates in snippet details area is also much bigger. 3 and 4. No matter how many tags one snippet can have, in snippets list only some of the first tags are being displayed. Thus it holds a lot of space to the right and bottom of a snippet list name.

The app is maximized to occupy full screen space.

Expected Behavior

The above mentioned issues can be solved with an update. But the issues can be relevant according to ones taste. One may like it, other may not!
Thus having a custom css file for the personal customizations will be of huge help.

Pseudo Code

  1. The application will check for custom styles at the startup.
  2. If such custom styles are found, then render the app with it.
  3. If not found, then render the app with default styles.

System Info

image

bantya commented 5 years ago

The custom styles can be used to change the size, style of the font of snippet name in details area, tag styles etc. 😊