Project

General

Profile

Actions

Task #2815

closed

improve donate link in online help

Added by Florian Effenberger almost 6 years ago. Updated over 5 years ago.

Status:
Closed
Priority:
Normal
Target version:
Team - Q1/2019
Start date:
Due date:
% Done:

0%


Description

The donate link in the online help is placed at the bottom of the screen, so users can click on it after they read the help. However, this approach is not working out, only a very small amount of users clicks on it. The proposal is to find a more prominent, but not intrusive place to put it and review the results in a few weeks.

One idea is to put it into the top bar and make that bar fixed over the pages, which provides better navigation alongside.


Files

default.css.txt (18.6 KB) default.css.txt Olivier Hallot, 2019-03-05 17:09
Screenshot_20190311_075333.png (131 KB) Screenshot_20190311_075333.png Olivier Hallot, 2019-03-11 11:54
Actions #1

Updated by Mike Saunders almost 6 years ago

So I was playing with https://helponline.libreoffice.org/6.2/ and if we add to this div:

div class="header-extrawurst"

this CSS:

position: fixed; width: 100%; top: 0;

Then it stays at the top of the screen, even when we scroll down! So that's a good start for thinking about adding the donate link up there. But the top bar then overlaps the content a bit, but we can add this CSS to the body tag:

padding-top: 60px;

Actions #2

Updated by Olivier Hallot almost 6 years ago

The donation link is in the XSLT transformation at

<div class="donation">
<p><a href="https://www.libreoffice.org/donate/?pk_campaign=help" target ="_blank">
<xsl:value-of select="$ui_donate"/>
</a></p>
</div>

where <xsl:value-of> contains the translatable string.

So I think we can only change the class "donation" in the css file and upload to the Help pages. The only drawback I need to clear is the responsiveness of the page, something Ilmari cares a lot.

If you need to play, use /6.3/ in the URL as it is the new master.

I can do it but later today.

Thanks for looking at this and providing the hints.

Olivier

Actions #3

Updated by Adolfo Jayme Barrientos almost 6 years ago

I suggest to shorten the link’s text, move it to the green header, and then make that header sticky during scrolling (it’s something I planned to do anyway — please take over)

Actions #5

Updated by Florian Effenberger over 5 years ago

Seems there is some discussion at Gerrit going on. I lack the technical insight, but if our approach of updating the help page is wrong, happy to adjust the task, of course. Can someone share more information with me?

Actions #6

Updated by Olivier Hallot over 5 years ago

patch is attached. Feel free to adjust and commit.

Actions #7

Updated by Beluga Beluga over 5 years ago

I will rework the patch. It will require adding a grid container element, so body will no longer have that role. Then I will make the header appear before the grid container.

Actions #8

Updated by Beluga Beluga over 5 years ago

Went with a more thoughtful route. Kept body as grid container. I think things are pretty nice now. I'm not a huge fan of sticky headers, but at least ours is not very tall. On IE11 it will not be sticky, so feel free to sue me!

Patch: https://gerrit.libreoffice.org/#/c/68890/

Actions #9

Updated by Florian Effenberger over 5 years ago

Thanks for your work! Is there a way to test the design and have a look? ;-)

Actions #10

Updated by Olivier Hallot over 5 years ago

Florian Effenberger wrote:

Thanks for your work! Is there a way to test the design and have a look? ;-)

Attached

Actions #11

Updated by Florian Effenberger over 5 years ago

Looks good to me!
Is there any blocker for putting that live? There was some discussion at
Gerrit - from my POV things look ok?

Actions #12

Updated by Olivier Hallot over 5 years ago

Florian Effenberger wrote:

Looks good to me!
Is there any blocker for putting that live? There was some discussion at
Gerrit - from my POV things look ok?

There was a change in the donation string which breaks the "String Freeze" policy and will trigger a retranslation. If OK to retranslate, the patch in master should be cherry-picked to LO 6.2 Help or even LO 6.1, at the risk of further work to make it fit.

Bringing to staff meeting.

Actions #13

Updated by Florian Effenberger over 5 years ago

Any update on this one?

Actions #15

Updated by Florian Effenberger over 5 years ago

  • Status changed from In Progress to Closed
Actions

Also available in: Atom PDF