Bug 10149 – CSS for editing renders a messed up page on 1280*768

Bug 10149 - CSS for editing renders a messed up page on 1280*768


Summary:	CSS for editing renders a messed up page on 1280*768

Status:	UNCONFIRMED

Product:	maemo.org Website
Component:	Wiki
Version:	unspecified
Platform:	All other

Importance:	Unspecified normal (vote)
Target Milestone:	---
Assigned To:	Dave Neary
QA Contact:	midgard@maemo.org

URL:	http://wiki.maemo.org/index.php?title...
Keywords:

Depends on:
Blocks:
	Show dependency tree

Reported:	2010-05-10 17:51 UTC by Joerg Reisenweber
Modified:	2010-09-16 19:29 UTC (History)
CC List:	1 user (show)

See Also:

Attachments
screenshot showing the menu covering the textbox (34.93 KB, image/jpeg) 2010-05-10 17:55 UTC, Joerg Reisenweber	Details
konqueror with min_fonsize=8 looks nice (70.28 KB, image/jpeg) 2010-07-09 14:52 UTC, Joerg Reisenweber	Details
Add an attachment (proposed patch, testcase, etc.)

Note

You need to log in before you can comment on or make changes to this bug.

Description Joerg Reisenweber (reporter) 2010-05-10 17:51:12 UTC

SOFTWARE VERSION:
Konqueror 4.3.1 'release 6'

EXACT STEPS LEADING TO PROBLEM: 
click 'edit' on a wiki page, using Konqueror & 1280x768 laptop

EXPECTED OUTCOME:
not sure about, but better than now :-)

ACTUAL OUTCOME:
navigation bar on the right overlaps the textedit box
(see screenshot)

REPRODUCIBILITY:
always

EXTRA SOFTWARE INSTALLED:

OTHER COMMENTS:
Workaround for me: click 'Show preview' so if I'm lucky the textedit box moves
down below the navigation area

User-Agent:       Mozilla/5.0 (compatible; Konqueror/4.3; Linux; de)
KHTML/4.3.1 (like Gecko) SUSE

Comment 1 Joerg Reisenweber (reporter) 2010-05-10 17:55:44 UTC

Created an attachment (id=2699) [details]
screenshot showing the menu covering the textbox

Comment 2 Dave Neary maemo.org

2010-05-10 18:45:40 UTC

Hi!

I have documented how the wiki is put together here:
http://wiki.maemo.org/Maemo.org_team/Updating_maemo.org_sites#wiki.maemo.org -
perhaps you would like to try to make some changes to CSS which meet your
approval, and submit a proposed change/patch which I can get applied and
deployed?

If not, are there any other Konqueror users who might like to have a go?

Thanks!
Dave.

Comment 3 Ferenc Szekely maemo.org

2010-07-08 13:08:15 UTC

Dave, I would like to pass this bug to you, if you don't mind. I don't have
Konqueror either. Hopefully you will get feedback or -better yet- a patch from
Konqueror users soonish.

Comment 4 Joerg Reisenweber (reporter) 2010-07-09 14:36:07 UTC

changing of konqueror settings "appearance - fonts - minimal_fontsize" from 9
to 5 "fixes" the problem.
This is no viable fix for the issue though, it's more a hint where to look.
Obviously the width of the edit box is calculated based on font char_width. On
certain fontsize settings this leads to overlap of edit box and navigation
area.

Proposed fix: base calculation of edit box width on percent of (screen_width
minus width_of_navigation_area), not on any (char font size  *  num_of_cols).

tell me if you need screenshots of konqueror with different min_fontsize
settings
HTH
jOERG

Comment 5 Joerg Reisenweber (reporter) 2010-07-09 14:46:02 UTC

on a sidenote:
in konqueror the navigation area has captions
* Navigation
* Views
* Toolbox
while in FireFox the Toolbox section is completely missing in navigation area

ps2:
a setting of 8 for min_fontsize in konqueror makes it look absolutely pretty,
better than FireFox :-D

Comment 6 Joerg Reisenweber (reporter) 2010-07-09 14:52:30 UTC

Created an attachment (id=2967) [details]
konqueror with min_fonsize=8 looks nice

Comment 7 Dave Neary maemo.org

2010-09-16 19:29:19 UTC

The HTML for that input box is:

<textarea tabindex='1' accesskey="," name="wpTextbox1" id="wpTextbox1"
rows='25'
cols='80' >Page text</textarea>

You can set the number of columns in the edit box as an option here: 
  http://wiki.maemo.org/Special:Preferences
in the Editing tab

I could certainly add a style="width:" attribute to the text area - it appears
from some quick experiments that would solve the problem - but I would suggest
it's better for "funny" browsers to reduce the number of cols to 50 rather than
80? Otherwise, I might end up changing the width for everyone & making it
narrower than a user-set preference.