Description

If you edit a page which has pictures included on a narrow screen (1024px), and design it that it just fits the screen width, the edit preview will destroy your layout because the padding is too much.

See MoinMoin/web/static/modern/css/screen.css about line 392. The parameter is: padding: 10px 30px 20px 30px;. For the left (30) and right (30) padding 3px each would be sufficient.

It would be the best to keep the left and right padding in "page" (about line 354) and "preview" the same, each 3px.

Steps to reproduce

1. Create a table with 2 pictures which just fits the screen width. If you edit it, the pictures are no longer aligned in one line.

Example

URL: http://www.rudiswiki.de/wiki1/HeizungWebcam

Component selection

• general in theme modern, CSS screen.css

Details

Workaround

I have reduced the padding to 3px each in "page" and "preview" (padding: 3px;).

-- RudolfReuter 2012-09-05 16:37:41

Discussion

The sequence for css values is top, right, bottom, left (like a clock runs), so your suggested fix seems not to do what you tell.

Thank you Thomas for explaining the right assignment. In my case reducing the right border from 30 pixel to 3 pixel already fixed my problem.
The most difficulty I had, was to find out out where to tune. So, I thought a documentation about could help.
Nevertheless a synchronizing of page and preview padding should help keeping the layout consistent.
-- RudolfReuter 2012-09-15 17:59:09

Can you try this patch? padding-fix.diff

Thank you for the quick proposal. It works for my web page OK, I am just wondering, why in edit preview the left boarder is still more than 3 pixel.
-- RudolfReuter 2012-09-15 18:28:35

If you find out, please update the page.

Padding assignment corrected, -- RudolfReuter 2012-09-16 06:25:03

Plan

• Priority:
• Assigned to:

• Status: fixed by http://hg.moinmo.in/moin/1.9/rev/6030e20324fc

CategoryMoinMoinBugFixed