layer.Cake icon indicating copy to clipboard operation
layer.Cake copied to clipboard

Tooltips on top right buttons don't align well

Open rourke opened this issue 8 years ago • 2 comments

I don't think the ombi and plex buttons in the top right corner are self-explanatory enough at first sight so I wanted to add bootstrap tooltips, but due to padding/margin (I think) they don't align well. The code looks like this:

<div class="row-bblur">
<!-- <<User Edit>> Replace ombi with the LOWERCASE name of this buttons destination tab -->
	<div tab="ombi" class="hp-link col-sm-3 col-lg-3">
		<div class="content-box orange-bg ombi" style="cursor: pointer;" data-toggle="tooltip" data-placement="bottom" title="Add request">
			<h1 style="margin: 10px" class="text-uppercase text-center">Ombi</h1>
			<div class="clearfix"></div>
		</div>
	</div>
<!-- <<User Edit>> Replace plex with the LOWERCASE name of this buttons destination tab -->
	<div tab="plex" class="hp-link col-sm-3 col-lg-3">
		<div class="content-box orange-bg plex" style="cursor: pointer;" data-toggle="tooltip" data-placement="bottom" title="View media library">
			<h1 style="margin: 10px" class="text-uppercase text-center">Plex</h1>
			<div class="clearfix"></div>
		</div>
	</div>
</div>

The result looks like this:

image

Is there a way to fix this?

rourke avatar Nov 14 '17 11:11 rourke

ha! great minds! lol, i already added tooltips to the html on my site. Im waiting for cause to add it for the speedtest button (since i obviously dont have access to that html) and then i will release the new button packs

leram84 avatar Nov 14 '17 15:11 leram84

That's good to hear. I'll wait for that then. Thanks a lot!

rourke avatar Nov 14 '17 15:11 rourke