search

cusbg / prankweb

Web application for protein-ligand binding sites analysis and visualization
https://prankweb.cz
Apache License 2.0
7 stars 3 forks source link

Pocket visual design #114

Closed skodapetr closed 1 year ago

skodapetr commented 1 year ago

We may move buttons into a single line to save up space. In addition we should remove irrelevant properties (alpha hold in this case).

We should also update icons as the folding icon looks more like move to the top. Show/Hyde pocket - show only pocket.

image

luk27official commented 1 year ago

As mentioned in #122, I am including a screenshot of the new pocket design.

pockets

Does this design satisfy the requirements?

davidhoksza commented 1 year ago

I would suggest adding a bit of transparency so that the color is not that pronounced. Also, I would use carets instead of plus and minus; I think that is more often used for this purpose.

luk27official commented 1 year ago

I have updated it to look like this, does it look better (opacity 0.5 + carets)?

image

davidhoksza commented 1 year ago

Now I am nitpicking a bit, but one more thing :) - it would be nice if the caret icons and the icons at the bottom were right-aligned.

As for opacity, I tend to go with something like 0.8, but that's just a matter of personal preference; pick a value you think looks best :)

luk27official commented 1 year ago

This is the updated version (pocket is red by default, I chose 0.75 opacity): image

davidhoksza commented 1 year ago

Looks good to me.