Vertical Align Ionicons about material-floating-button

[nobitagit]

Any chance you can share a public URL?

[tomwhita]

You can access the site here:

htttp://trudel.stageing.harnessup.com

Username: tomwhita
Password: password

Thanks
On Nov 26, 2015 8:37 AM, "Aurelio" [email protected] wrote:

Any chance you can share a public URL?

—
Reply to this email directly or view it on GitHub
#17 (comment)
.

[tomwhita]

Sorry URL is /dashboard
On Nov 26, 2015 8:37 AM, "Aurelio" [email protected] wrote:

Any chance you can share a public URL?

—
Reply to this email directly or view it on GitHub
#17 (comment)
.

[nobitagit]

Hi,
please don't share your login details, I just need a publicly accessible page where I can actually see the button in place and see the issue

[tomwhita]

The URL is for our staging server and I've set a temp password so that you
can access it. No sensitive info is available there.
On Nov 26, 2015 9:45 AM, "Aurelio" [email protected] wrote:

Hi,
please don't share your login details, I just need a publicly accessible
page where I can actually see the button in place and see the issue

—
Reply to this email directly or view it on GitHub
#17 (comment)
.

[nobitagit]

Ok, but is there a page where I can actually see the menu rendered?

[tomwhita]

http://trudel.stageing.harnessup.com/dashboard
On Nov 26, 2015 10:05 AM, "Aurelio" [email protected] wrote:

Ok, but is there a page where I can actually see the menu rendered?

—
Reply to this email directly or view it on GitHub
#17 (comment)
.

[nobitagit]

The markup of the button in that page is different from the one that you see in the examples of this component. It contains <br> and empty <p> tags that change the layout and actually make the html invalid.

This code for example:

<ul class="mfb-component--tr mfb-zoomin" data-mfb-toggle="hover" style="display: block;">
<li class="mfb-component__wrap">
    <!-- this br tag is not needed-><br>
    <a data-mfb-label="Add A New Project" class="mfb-component__button--main"><br>
      <!-- this br tag is not needed-><br>
      <i class="mfb-component__main-icon--resting ion-plus-round"></i><br>
      <!-- this br tag is not needed-><br>
      <i class="mfb-component__main-icon--active ion-close-round"></i><br>
    </a><p></p>
<ul class="mfb-component__list">
      <!-- this p tag is not needed-><p></p>
<li>

Please make sure that the HTML reflects the one in the docs, as explained here

[tomwhita]

Wow. Am I stupid. Thanks for looking into this. I really appreciate it.
I was so focused on the CSS that I didn't look closer at the HTML.

TW

On Thu, Nov 26, 2015 at 10:27 AM, Aurelio [email protected] wrote:

The markup of the button in that page is different from the one that you
see in the exaples of this component. It contains
and empty

tags
that change the layout.

This code for example: