View Issue Details

This bug affects 1 person(s).
 6
IDProjectCategoryView StatusLast Update
09597Bug reportsLimeSurvey Websitepublic2015-05-06 10:16
Reporterc_schmitz Assigned Toc_schmitz  
PrioritynormalSeverityminor 
Status closedResolutionfixed 
Summary09597: CSS problems in manual
Description

The new design of the manual has still some problems.

  • Dropdown on the actions button seems too far left.

  • When translating a page to another language there is a dropdown hidden between a button showing tgree dots (...). Howevery when trying to select an option of the dropdown it disappears.

  • Other minor issues may exist.

TagsNo tags attached.
Attached Files
threedots.png (33,582 bytes)   
threedots.png (33,582 bytes)   
capture1.png (18,900 bytes)   
capture1.png (18,900 bytes)   
Bug heat6
Complete LimeSurvey version number (& build)150000
I will donate to the project if issue is resolvedNo
Browser
Database type & version.
Server OS (if known).
Webserver software & version (if known).
PHP Version.

Users monitoring this issue

There are no users monitoring this issue.

Activities

tpartner

tpartner

2015-04-09 14:33

partner   ~31974

Last edited: 2015-04-09 14:35

@Carsten,

1) The problem with the "Actions" drop-down is that whatever plugin is used to display it has flakey positioning. What is used to display it?

2) I have fixed the "..." drop-down.

3) Shouldn't those 3 dots be "Filter" or some other text? I don't find it intuitive.

4) On a normal page (not when translating), did you want the "Translate this page" text to have a tiny font-size and be aligned center? I think it would look better with normal font, aligned left - see capture1.png

c_schmitz

c_schmitz

2015-04-14 11:49

administrator   ~31997

Hi Thomas,

thank you for the fixes!
1) I have no clue what is used to display the Actions dropdown.
2) Great!
3) It is predefined, If I change it the change would be gone on the next update of the plugin
4.) Left aligned is fine.

Another note:
Currently the Google fonts are loaded by JS which is kinda ugly because you can see the standard font for a short time before the JS kicks in. I tried to load them by CSS (via @import) but could not get it to work. Can you maybe have another look?

It should be possible it import it just by using

@import "https://fonts.googleapis.com/css?family=Special+Elite|Sintony";

in CSS

tpartner

tpartner

2015-04-17 16:24

partner   ~32018

Hi Carsten,

Sadly, given that the actions drop-down is positioned dynamically, I don't think I can do much about it.

The problem with @import is that it must precede all other rules and the custom style sheet is not the first in the stack.

I have loaded them with @font-face but I'm not sure it's any better. Please test.

We could also use the loader "wf-loading" class to hide everything while loading but that flash may be as bad or worse.

In the past, I have found that Google is not particularly good at loading the fonts so although it costs a few dollars, I now almost always use Typekit for custom fonts.

DenisChenu

DenisChenu

2015-04-29 11:43

developer   ~32070

The boxed an alert class are removed
https://manual.limesurvey.org/Optional_settings#Update_LimeSurvey_config

Template is here : https://manual.limesurvey.org/Template:Alert

List of template : https://manual.limesurvey.org/Special:UncategorizedTemplates ( ?)

We have before an "Help" page for mediawiki specific usage on manual , i don't found it. Actually help goes to mediawiki help.

c_schmitz

c_schmitz

2015-05-06 09:14

administrator   ~32091

We can always download the fonts from Google and place them at our own server.

c_schmitz

c_schmitz

2015-05-06 10:16

administrator   ~32093

Just did that and it works - no more flickering.
I also fixed the help page and the boxed class.

Issue History

Date Modified Username Field Change
2015-04-07 15:18 c_schmitz New Issue
2015-04-07 15:18 c_schmitz Status new => assigned
2015-04-07 15:18 c_schmitz Assigned To => tpartner
2015-04-07 15:22 c_schmitz File Added: threedots.png
2015-04-09 14:33 tpartner Note Added: 31974
2015-04-09 14:33 tpartner File Added: capture1.png
2015-04-09 14:34 tpartner Assigned To tpartner => c_schmitz
2015-04-09 14:35 tpartner Note Edited: 31974
2015-04-14 11:49 c_schmitz Note Added: 31997
2015-04-17 16:24 tpartner Note Added: 32018
2015-04-29 11:43 DenisChenu Note Added: 32070
2015-05-06 09:14 c_schmitz Note Added: 32091
2015-05-06 10:16 c_schmitz Note Added: 32093
2015-05-06 10:16 c_schmitz Status assigned => closed
2015-05-06 10:16 c_schmitz Resolution open => fixed