juliushaertl / direct_menu

Nextcloud/OwnCloud app to provide easy access to all apps in the header
GNU Affero General Public License v3.0
17 stars 8 forks source link

Adjust name popover width to app name #47

Closed jancborchardt closed 7 years ago

jancborchardt commented 7 years ago

Currently when hovering the app icon, all the popover widths are the same. It looks a bit strange and not polished. Instead can we adjust it so they fit the content perfectly, like with the dark tooltips?

I played very briefly with the CSS and adjusting the one min-width: 120px seems to break. I assume you also checked that @juliushaertl? cc @eppfel @skjnldsv

skjnldsv commented 7 years ago

Because margin-left is fiixed. If you want to center an undecided width, you need to use transform: translateX(-50%); instead of margin-left: -60px; (line 105) 😃

juliushaertl commented 7 years ago

Good point @jancborchardt I've added this in #49

Thanks for the transform hint @skjnldsv

jancborchardt commented 7 years ago

Hehe you were faster, I was about to do this ;)