Tooltip has transparent background

[dwp-forge]

What is the expected output?
Solid white backround of the tooltip.

What do you see instead?
Transparent background of the tooltip.

What version of the product are you using? On what operating system?
RefNotes Plugin 2009-08-01 - Windows XP - both IE 8 and FF 3.5.2

Original issue reported on code.google.com by nikopp on 2009-09-04 14:49:05

---

- _Attachment: transparent tooltip.PNG
_

[dwp-forge]

Do you use default DokuWiki template?

Original issue reported on code.google.com by dwp-forge on 2009-09-04 14:53:39

• Labels added: Plugin-RefNotes
• Labels removed: Plugin-

[dwp-forge]

Yes.

Original issue reported on code.google.com by nikopp on 2009-09-05 06:31:58

[dwp-forge]

You mentioned white background, do DokuWiki footnotes on your install have really
white background or a slightly darker shade?

What is your DokuWiki version?

Which plugins do you have installed?

Do you happen to know how to use Firebug?

Original issue reported on code.google.com by dwp-forge on 2009-09-05 06:46:18

[dwp-forge]

Yes, the footnotes have white background in my opinion, there is no difference
between the backround of the normal content and the footnotes.

DokuWiki version:
version Release 2009-02-14b
popversion  2008-02-20

I have the following Plugins installed:
acl
clearfloat
config
imagebox
info
orphanswanted
pagemove
pageredirect
plugin
popularity
refnotes
revert
sidebar
usermanager

I haven't used Firebug so far but I think I would be able to. What should I test?

Original issue reported on code.google.com by nikopp on 2009-09-05 07:12:10

[dwp-forge]

> Yes, the footnotes have white background in my opinion, there is no
> difference between the backround of the normal content and the footnotes.

That's odd. In /lib/tpl/default/design.css there is definition of the popup style
(insitu-footnote) somewhere around line 653. Does it say "background-color:
__background_other__;" there?


> What should I test?

Let me first check if any of your plugins messes with the popup style. If I won't
find anything then we will go for "remote debugging" :)

Original issue reported on code.google.com by dwp-forge on 2009-09-05 07:26:05

[dwp-forge]

> That's odd. In /lib/tpl/default/design.css there is definition of the popup style
> (insitu-footnote) somewhere around line 653. Does it say "background-color:
> __background_other__;" there?

Yes.

Original issue reported on code.google.com by nikopp on 2009-09-05 07:37:02

[dwp-forge]

> sidebar

Let me guess. You have the sidebar on the right side of the page, right?

But I still cannot reproduce the transparency. I guess, I will have to enforce the
background style to get rid of that vertical line in the middle of the popup, though
it would be nice to fully understand the transparency issue beforehand. Do you have
this rule at the end of /lib/plugins/sidebar/style.css:

  .sidebar_outside_left .insitu-footnote, .sidebar_inside_left .insitu-footnote {
    background-color: __background_other__;
  }


If you want to do some experiments:

  1.a. Make a page with both a footnote and a refnote.
  1.b. After saving the page first hover on the footnote and then on the refnote.
  1.c. Reload the page and hover in the opposite order (refnote first).
  1.d. Are there any differences in the background transparency?

  2.a. Install Firebug.
  2.b. Click on the bug icon in the status bar to show the Firebug UI.
  2.c. Hover over a refnote to get the transparent popup.
  2.d. In Firebug select HTML on the left and Style on the right (see the attach).
  2.e. Click Inspect button and then click the popup.
  2.f. Click in the right Firebug pane (Style) and press Ctrl-A, Ctrl-C.
  2.g. Paste the styles here (or attach them in a file).

Original issue reported on code.google.com by dwp-forge on 2009-09-05 13:16:20

---

- _Attachment: firebug.png
_

[dwp-forge]

> Let me guess. You have the sidebar on the right side of the page, right?

Yes.

> Do you have this rule at the end of /lib/plugins/sidebar/style.css:
> 
>   .sidebar_outside_left .insitu-footnote, .sidebar_inside_left .insitu-footnote {
>     background-color: __background_other__;
>   }

Yes, but not at the very end. It is followed by

  /* counteract some inappropriate DW styling */
  .sidebar div.dokuwiki #bar__bottom {
    margin-bottom: 0;
  }
  .sidebar div.dokuwiki p.license {
    background-color: __background_other__;
    padding-top: 3px;
  }

1.d. No, there are no differences.

Does it matter if I have "Use footnotes syntax" enabled in the configuration?

2.g.

 ....loading....
element.style {
left:-333px;
position:absolute;
top:191px;
visibility:visible;
width:40%;
}
.sidebar_outside_right .dokuwiki, .sidebar_inside_right .dokuwiki {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent
url(http://dokuwiki/lib/plugins/sidebar/images/sidebar-border.gif) repeat-y scroll
80% 50%;
}
css.php?t=default (line 1)
.sidebar_outside_right .dokuwiki {
padding-right:21%;
}
css.php?t=default (line 1)
div.insitu-footnote {
background-color:#F7F9FA;
border:1px solid #8CACBB;
font-size:80%;
line-height:1.2em;
max-width:40%;
padding:4px;
text-align:left;
}
css.php?t=default (line 1)
* {
margin:0;
padding:0;
}
css.php?t=default (line 1)
Inherited frombody.sidebar
body {
color:#000000;
font-family:"Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
font-size:80%;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
css.php?t=default (line 1)

Original issue reported on code.google.com by nikopp on 2009-09-06 06:54:43

[dwp-forge]

> Does it matter if I have "Use footnotes syntax" enabled in the configuration?

Yes, it should be off. RefNotes plugin shares the popup with DokuWiki footnotes. The
first time you hover ether DokuWiki or plugin creates this popup and from that moment
it's just moved around the page and switched on/off. If you have the white background
in the footnote popup it shouldn't become transparent when you hover over a refnote.


> .sidebar_outside_right

Okay, I have the reproduction. I didn't notice that that rule at the (almost) end of
the sidebar CSS mentions only left sidebars. Now I switched to the right side and
also have the transparent background.

Though, I still have no idea how you did manage tho get the white background for the
footnotes popup (here it's also transparent). Could you repeat experiment 2. with the
white background popup?


Anyway, to fix the problem add the following to the end of RefNotes style.css

/* HACK: fix compatibility with Sidebar plugin */
.sidebar_inside_left div.insitu-footnote,
.sidebar_inside_right div.insitu-footnote,
.sidebar_outside_left div.insitu-footnote,
.sidebar_outside_right div.insitu-footnote {
    background: __background_other__;
    padding: 4px;
}

Original issue reported on code.google.com by dwp-forge on 2009-09-06 07:43:42

[dwp-forge]

> If you have the white backgroundin the footnote popup it shouldn't become
> transparent when you hover over a refnote.

Oh, it didn't. I'm sorry I didn't make that clear: Both, the footnote and the refnote
had transparent background.

> I didn't notice that that rule at the (almost) end of the sidebar CSS
> mentions only left sidebars.

Does this mean that the bug is in the sidebar plugin?

> Though, I still have no idea how you did manage tho get the white background
> for the footnotes popup (here it's also transparent).

I didn't, as I just told you above. :-)

The hack works, thank you!

Original issue reported on code.google.com by nikopp on 2009-09-06 14:16:58

[dwp-forge]

> Does this mean that the bug is in the sidebar plugin?

Yep.


Fixed in revision 265.

Original issue reported on code.google.com by dwp-forge on 2009-09-06 14:31:11

[dwp-forge]

Are you going to report it or should I do that?

Original issue reported on code.google.com by nikopp on 2009-09-06 14:56:05

[dwp-forge]

I did my part -- it works with RefNotes now. The rest is up to you ;)

Original issue reported on code.google.com by dwp-forge on 2009-09-06 15:04:07