Project

General

Profile

Task #2133

Forward/Back page selection is finicky (click box is unusially tiny).

Added by H J 12 months ago. Updated 9 months ago.

Status:
New
Priority:
Normal
Assignee:
Category:
-
Target version:
-
Start date:
Due date:
% Done:

0%

Estimated time:
Tags:
URL:

Description

On some, but not all, ask.libreoffice.org web pages you must place the cursor at the very top left of the page number that you're trying to click on, in a tiny box, rather than anywhere on the number to be able to select a next page or previous page.

A page where this happens is: https://ask.libreoffice.org/en/users/31015/easytrieve/

A page where it does not happen, i.e. where it works correctly, is: https://ask.libreoffice.org/en/questions/query:documentation/

Please ignore the first two snapshots I attached, as I later noticed that they didn't also capture the cursor in the image. Instead refer to the last two snapshots I've attached here.

Notice in the attached snapshots that the cursor does not turn into a finger pointer unless it is placed in the very top left of the "2".

It should turn into an arrow anywhere on the "2".

I am using FireFox 46.6 ESR on Linux Debian Jessie 8.6.

History

#1 Updated by H J 12 months ago

  • File deleted (screenshot-area-2017-01-02-071015.png)

#2 Updated by H J 12 months ago

  • File deleted (screenshot-area-2017-01-02-070957.png)

#3 Updated by H J 12 months ago

I removed the incorrect two snapshot images, but can't find a way to revise my original Notes above to reflect that.

#4 Updated by Jean Spiteri 12 months ago

I do not have any special knowledge of Askbot itself but I think I found the issue. In the pager class defined in the 1f37.... CSS file has a margin-bottom:0 !important property defined. This is causing the header underneath the pager (X Votes) to rise and thus the h2 element is overlapping the link. The small clickable area is the only part that is free.

If I can help further, please tell me and I'll try to help.

#5 Updated by Jean Spiteri 12 months ago

I think that adding a margin-bottom: 10px property to user-answers-pager and removing the !important (or adding !important to the user-answers-pager which might not be advisable) should fix it but haven't checked it really in detail. Sorry.

#6 Updated by Jean Spiteri 11 months ago

Florian Effenberger, can you check out this please?

#7 Updated by H J 11 months ago

You have fixed it. Good work!

On 01/31/2017 07:57 AM, The Document Foundation Redmine wrote:

#8 Updated by Florian Effenberger 11 months ago

You have fixed it. Good work!

Now I'm confused :-)
Is it fixed or something someone needs to have a look at?

#9 Updated by Jean Spiteri 11 months ago

H J, are you sure this is fixed on ask.libreoffice.org? Or did you mean the suggestions mentioned above fixed the issue for you?

Florian, I've tested it on Firefox and it is still valid, it seems. I've tested it while loading all the files (there should be no cached files). If I highlight the heading, it still covers the links. Sorry for the confusion.

#10 Updated by H J 11 months ago

Sorry. After further testing, I guess I was wrong. A bunch of time has
gone by from when I first reported this and I lost track of which pages
had this issue and which did not.

This page is free of the
bug:https://ask.libreoffice.org/en/questions/scope:all/sort:activity-desc/page:3/

However on this page the bug is still present:
https://ask.libreoffice.org/en/users/31015/easytrieve/

So let me ask a dumb question? Shouldn't the CSS to select pages be in
one single common CSS file for both of these two pages? I would think
for ease and accuracy of code maintenance, there should be a CSS file
containing CSS that is common to all pages, and then individual page CSS
to deal with any single pages that need more specific CSS. Anyway that's
my 2c on this. Glad you are working on it. Really appreciate this web site!

On 01/31/2017 10:49 PM, The Document Foundation Redmine wrote:

#11 Updated by Jean Spiteri 10 months ago

H J wrote:

Sorry. After further testing, I guess I was wrong. A bunch of time has
gone by from when I first reported this and I lost track of which pages
had this issue and which did not.

This page is free of the
bug:https://ask.libreoffice.org/en/questions/scope:all/sort:activity-desc/page:3/

However on this page the bug is still present:
https://ask.libreoffice.org/en/users/31015/easytrieve/

So, Florian, I guess your help is still needed here.

So let me ask a dumb question? Shouldn't the CSS to select pages be in
one single common CSS file for both of these two pages? I would think
for ease and accuracy of code maintenance, there should be a CSS file
containing CSS that is common to all pages, and then individual page CSS
to deal with any single pages that need more specific CSS. Anyway that's
my 2c on this. Glad you are working on it. Really appreciate this web site!

H J, In reality, if I remember correctly, there's one CSS file. However, the buttons have different classes applied.

#12 Updated by Florian Effenberger 9 months ago

  • Assignee set to Evgeny Fadeev

Feedback from Xisco:

It can be fixed by changing the following attribute to 10px:

.user-profile-page .paginator {

    margin-bottom: 10px;

}

Evgeny, can you have a look? ;-)

Also available in: Atom PDF