This is a much needed improvement. Indeed, the drop-down list in the current state is a bit confusing in regards to the icon alignment. The folder icon versus the right arrow icon (which indicates the presence of sub folders) should not be on the same level.
It would be nice if your UI changes would also be applied to the web vault. As the web vault for example contains the same drop-down list.
Very nice, it looks very refreshing. I wonder how this will look on a Windows 10 machine. As the spacing between the items for me in current state is much more narrow.
I also like that items that are selected or hovered over with the mouse now stand out more. In the current state it is hardly noticeable.
Much welcomed change, I like that you have moved the function buttons to the top. That makes it more in sync with the web vault. I also feel it makes it more easy to use in terms of usability. As for some reason I do find myself āsearchingā for those buttonsā in current state.
Question, what is the motivation behind changing the functions buttons from right to left (delete / edit and copy)?
If possible could you translate this to the web vault too?
I hope your UI changed gets implemented soon. This thread should get more attention.
Regarding the buttons, I find it more relevant to have the actions most often used on the right and the least on the left. This is really a personal vision, so I really appreciate having more feedback.
@vermotr I came across the exact same design just a few days ago and was planning on also doing a redesign. Really awesome work so far. I expanded on it a little bit:
Made font weight of names bold, changed size of cipher header
Added background to icon, fallback now uses default icon
Replaced fontawesome icons with material icons
Fixed groupings āmy vault/sendā footer position
Hid āadd itemsā button on vault bin page
Iām having trouble branching off and doing anything with jslib causing issues. If you could let me know how to deal with this Iāll push the code to your fork.
Iām not sure replacing Font Awesome with Material icons is a good idea. Indeed, the other applications are already using FA4. A good start, would be to update to the version 5 (like I did), but it is true that if we update to a new version, we can also change the font
Regarding the jslib, you cannot update it directly from the desktop repository because itās a common code referenced in Bitwarden JavaScript projects. You can find the repository here: GitHub - bitwarden/jslib: Common code referenced across Bitwarden JavaScript projects.
You must therefore propose your modifications in this repository, but these modifications will be reflected in the other projects.
@kspearrin@cscharf, what do you think of our work? Would you be interested in a PR?
Iām not sure replacing Font Awesome with Material icons is a good idea.
While I understand it is used globally by Bitwarden, FontAwesome Free can be limiting. Material Icons is open source, so if more icons need to be added, BitWarden can create their own branch https://github.com/material-icons/material-icons.
Material icons also have a more āappā feel than āwebsiteā in my opinion. Because itās used everywhere, FontAwesome is almost the Calibri of fonts. Itās not necessarily bad, itās just plain and can be perceived as cheap.
This refresh is exactly whatās keeping me from moving from my current password manager. A much needed overhaul of the UI. I do hope this will be implemented in the official version soon.
I would love to see you folks adopt the āsystem fonts stackā approach on a cross-platform, cross-app/-extension basis. This is one of the really few nits I have with your otherwise outstanding product and its various implementations.
I went through a bunch of threads, reading to see if weāll get some UI refresh. UX wise, I like Bitwarden, but I recently switched from Miky (as itās shutting down). Myki was years ahead UI wise. Based on what Iāve read, the UI changes that Bitwarden releases are very small and rare.
A ton of people instantly turn down Bitwarden because it looks like a 2005 design. A bit of spacing, padding and some icons updates would instantly change the design and look. But from what I read, seems like thatās a lot to ask for.
Thanks for the feedback, and welcome to Bitwarden! The design team recently released a blog post about design philosophy that you might want to check out. We are constantly evolving, so stay tuned!