Jimmy Thai

No this is not something I reported.
I admit I don’t know where I could do it :/

Thanks for this new pre-version, it’s really great!

Sorry for the delay. For me everything is ok!

Thanks again for everything!

• This reply was modified 4 years, 3 months ago by Jimmy Thai.

Hello ??

I don’t have an iPhone, I’ll see tomorrow if someone has one at the office ??

Thank you very much ??

Hello

REFERENCE disapear : https://i.ibb.co/K91FQ3f/Sans-titre-2.jpg

because of this css

.footnote_container_prepare>p {
overflow: hidden !important;}

https://i.ibb.co/ZXBGSpx/Sans-titre-3.jpg

It’s possible that it comes from my margin and padding which are not good, I didn’t dig much.

apart from that it’s perfect ??

Otherwise for the bug on smartphone, I don’t know where it comes from.

I re-downloaded the old versions to check but all of them have this bug. Do you also see it with your smartphone ?

Hello,

Thank you for your feedback and future modifications.

I will pay attention to your recommendation concerning this point: .footnote_plugin_tooltip_text {
top: 0.6em !important;
vertical-align: top !important;
position: relative !important;
}

For the collapse button’s vertical align , this is a detail ?? but if there is an option to set it why not;

Can we add, as an option, the nice dashed line delimiting references in the container?
>> Sure ?? with great pleasure

Hello,
thanks for your answer,

I cleaned up my css code to keep only what is really useful to me (there was quite a lot of obsolete code)

I share it here if need be ??

/* FOOTNOTES */
sup {font-size: 0.70rem!important;}

.footnote_plugin_text {padding: 0.5rem 0.3rem!important;}
.footnote_plugin_tooltip_text {top: 0.6em !important;vertical-align: top!important;
 position: relative!important; letter-spacing: -0.01rem; }

.footnote_container_prepare {padding-top: 0px!important;  }
.footnote_container_prepare > p {border-bottom: none!important;}
.footnote_container_prepare > p > span:first-child {font-size: 1rem!important; letter-spacing: -.04em; text-transform: uppercase; font-family: worksans-700;}

.footnote_plugin_index_combi a:hover, .footnote_plugin_text a:hover { text-decoration: none!important; }

.footnote_plugin_index_combi span
{ cursor: pointer;float: right;width: max-content;}

.footnote_plugin_index_combi
{ cursor: default!important;}

.footnote_plugin_tooltip_text:hover
{ text-decoration: none; }

/* MOBILE*/
@media only screen and (max-width: 768px) 
{
.footnote-reference-container td
{font-size: 0.90rem;}
}

.footnote_reference_container_collapse_button { font-size: 1.05rem!important; vertical-align: 0px;}

/* SEPARATION CITATION */

.footnote-reference-container td {border-top: 1px dashed #c3c3c3!important;}

body.wp-night-mode-on .footnote-reference-container td {border-top: 1px dashed #3b3b3b!important;}

.footnotes_reference_container
{margin-bottom: 10px!important;}

/* REGLAGE POUR FOOTNOTE DUPLICATE SOURCE */

.footnote_backlink:hover
{color: #075dc6;}

.footnote_index_arrow { padding: 0 0.05rem; }

/* FIN FOOTNOTES */

oops, I just discovered a bug.

It happens only on smartphone and I don’t think it was present before because I had tested the plugin through and through. I’m not sure with which version it happened.

It happens only on smartphone so when you get to the second article with the auto load post, the “click” on the [+] doesn’t work. The “links” to go to the footnote doesn’t work either.

Hello ??

Waouhh !

This latest version is really excellent.

I have no problem with the css with the changes I had made.

There’s just one thing I’ll remove is the commas.

I don’t mind having a long list like on the screenshots this way because it’s very, very rare.

https://i.ibb.co/pKv7LrC/Sans-titre-1.jpg

Hello,

It’s strange, for me, footnotes are ok (chrome and mozilla)

https://i.ibb.co/FWcLxVM/Sans-titre.jpg

Here is all my css, sorry there is a lot of modification

/* FOOTNOTES AJUSTEMENT SOUS TITRE */
.footnote-reference-container
{ margin-top: -1.5rem; }

/* CITATION SOULIGNE */
#footnote_references_container td a
{text-decoration: underline; }

/* CITATION */

/* AVEC ° */
.footnote-reference-container sup
{vertical-align: baseline;}

/* MOBILE*/
@media only screen and (max-width: 768px)
{
.footnote-reference-container td
{font-size: 0.90rem;}
}
/* REGLAGE HAUTEUR SOMMAIRE FOOTER */
.footnote-reference-container
{margin-top: 0.5rem;}

.footnote_reference_container_collapse_button { font-size: 1.05rem!important; vertical-align: 0px;}

/* SEPARATION CITATION */

.footnote-reference-container td {border-top: 1px dashed #c3c3c3!important;}

body.wp-night-mode-on .footnote-reference-container td {border-top: 1px dashed #3b3b3b!important;}

.footnotes_reference_container
{margin-bottom: 10px!important;}

/* FIN CITATION */

/* REGLAGE POUR FOOTNOTE DUPLICATE SOURCE */

.footnote_plugin_index_combi span {max-width: 50px; width: max-content;display: block;white-space: normal;}

.footnote_backlink:hover
{text-decoration: none!important; color: #075dc6;}

.footnote-reference-container .footnote_plugin_index_combi:hover
{ text-decoration: none!important; }

.footnote_plugin_tooltip_text
{ color: #1a1a1a; letter-spacing: -0.01rem; margin-right: -0.1rem;
margin-left: 0.1rem;}

/* FOOTNOTES */
sup {vertical-align: super; font-size: 0.70rem!important;}

#footnote_references_container tr {line-height: 1.3rem;}

.footnote_index_arrow {float: right;}

.footnote_plugin_link {padding-right: 0px; padding: 0.5rem 0rem;}
.footnote_plugin_text {padding: 0.5rem 0.3rem!important;}
.footnote_plugin_tooltip_text {top: 0.6em !important; vertical-align: top!important;
position: relative!important;}

#footnote_references_container { margin-top: 0px; }
.footnote_container_prepare { display: inline-block!important; padding-top: 0px !important; margin-top: 0px!important; margin-bottom: 0px!important; }
.footnote_container_prepare > p {border-bottom: none!important; -webkit-margin-before: 0em !important; -webkit-margin-after: 0em !important;}
.footnote_container_prepare > p > span:first-child {padding-left: 0px !important; font-size: 1rem!important; letter-spacing: -.04em; text-transform: uppercase; font-family: worksans-700; font-weight: 700; }
#footnote_references_container table td {border-top: none;}

#footnote_references_container td a:hover {color:#075dc6;}
#footnote_references_container {line-height: 1.3rem;font-size: 0.96rem;color: #181818;}
#footnote_references_container td a {color: #181818;}

.footnote_plugin_index_combi a:hover, .footnote_plugin_text a:hover { text-decoration: none!important; }

.footnote_plugin_index_combi span, .footnote_plugin_link span
{ cursor: pointer;float: right;}

.footnote_plugin_index_combi
{ cursor: default;}

.footnote_container_prepare>p>span:last-child a:hover, .footnote_plugin_tooltip_text:hover
{ text-decoration: none; }

@media (max-width: 1023px)
{
#footnote_references_container
{ margin-bottom: 0px; }
}

.footnote-link:hover
{background-size: 0!important;}

/* DARK MODE */
body.wp-night-mode-on #footnote_references_container td a {color: #ffffff!important;}
body.wp-night-mode-on #footnote_references_container td a:hover {color: #408dea!important;}

/* FIN FOOTNOTES */

Kind regards

Thank you for your response. Your kindness and caring are very rare!

Hello ??

Thanks for your answers.

For information, here are the few files I modified.

https://gofile.io/d/OWfaNp

Mainly I removed the and replaced by <span>, and I also removed the comma between the different notes grouped with a display one below the other.

Thank you very much :-))

hello ??

For me, the 3 columns work well, it’s great!

There are some small css settings to align things but nothing else.

https://i.ibb.co/W2mCmc9/Sans-titre-2.jpg

Many thanks to you for the implementation of all these nice improvements !