[opensuse-web] Problem with bento style and ordered lists.
Problem: http://en.opensuse.org/index.php?title=Special:PopularPages&limit=500&offset... numbers are going out of content area. Problem code: skins/bento/css/local-css/style.css Line 274: ul, ol { list-style: disc outside none; } Solution: ul, ol { list-style: disc inside none; } Applied to http://en.opensuse.org/MediaWiki:Common.css it doesn't work. -- Regards, Rajko. -- To unsubscribe, e-mail: opensuse-web+unsubscribe@opensuse.org To contact the owner, e-mail: opensuse-web+owner@opensuse.org
Hello, Am Donnerstag, 11. Oktober 2012 schrieb Rajko:
Problem: http://en.opensuse.org/index.php?title=Special:PopularPages&limit=500& offset=500 numbers are going out of content area.
Problem code:
skins/bento/css/local-css/style.css Line 274:
ul, ol { list-style: disc outside none; }
Solution: ul, ol { list-style: disc inside none; }
Applied to http://en.opensuse.org/MediaWiki:Common.css it doesn't work.
'The problem is that skins/bento/css/local-css/style.css is loaded _after_ MediaWiki:Common.css (I'd call that a bug). Anyway, your change would cause some side effects - multiline <ul> and <ol> would look like 42. this is a numbererd list with very long lines instead of 42. this is a numbered list with very long lines Additionally, your CSS would probably replace the numbers with bullet points, which isn't what you want for <ol> ;-) I replaced your solution with ol { margin-left:30px; } which works in firebug - we'll see if it also works for normal visitors in some hours. Regards, Christian Boltz --
Recovery ist, wenn Kunden anrufen und nach solchen Leuten verlangen. Nun, ohne deinen Namen zu sehr verhunzen zu wollen.... aber es klingt bestimmt lustig, wenn du dich einem Mann vorstellst, der auch Dirk heißt. [Dirk Nimmich und Adrian Knoth in dasr]
-- To unsubscribe, e-mail: opensuse-web+unsubscribe@opensuse.org To contact the owner, e-mail: opensuse-web+owner@opensuse.org
On Fri, 12 Oct 2012 12:06:16 +0200 Christian Boltz <opensuse@cboltz.de> wrote:
Hello,
Am Donnerstag, 11. Oktober 2012 schrieb Rajko:
Problem: http://en.opensuse.org/index.php?title=Special:PopularPages&limit=500& offset=500 numbers are going out of content area.
Problem code:
skins/bento/css/local-css/style.css Line 274:
ul, ol { list-style: disc outside none; }
Solution: ul, ol { list-style: disc inside none; }
Applied to http://en.opensuse.org/MediaWiki:Common.css it doesn't work.
'The problem is that skins/bento/css/local-css/style.css is loaded _after_ MediaWiki:Common.css (I'd call that a bug).
Depends :) What if MediaWiki:Common.css will be loaded last? Any user with admin rights will be able to mess whole interface. On the other hand some changes are possible, other not.
Anyway, your change would cause some side effects - multiline <ul> and <ol> would look like
42. this is a numbererd list with very long lines
instead of
42. this is a numbered list with very long lines
It is visible even on a first page that numbers are lined up, then text follows after one space, but as there is no wrapping in Popular pages (at least in my browser window :) I don't think it is a problem (for me and alike :). "list-style: disc inside none;" is used in original MediaWiki. Firebug is reporting that ul, ol { list-style: disc inside none; } is inheriting properties from .special class. I'm not sure how that reflects on other ol and ul in the wiki.
Additionally, your CSS would probably replace the numbers with bullet points, which isn't what you want for <ol> ;-)
Tested with Firebug; it doesn't.
I replaced your solution with
ol { margin-left:30px; }
This one moves list, but it is temporary solution as it will fail again when number of pages grows to 10000. Taking current organization that is asking every user that wants to add new topic (like Greg with DFIR) to learn few hours how to add topic and its articles, that will not happen any soon. -- Regards, Rajko. -- To unsubscribe, e-mail: opensuse-web+unsubscribe@opensuse.org To contact the owner, e-mail: opensuse-web+owner@opensuse.org
Hello, Am Samstag, 13. Oktober 2012 schrieb Rajko:
On Fri, 12 Oct 2012 12:06:16 +0200 Christian Boltz wrote:
Am Donnerstag, 11. Oktober 2012 schrieb Rajko:
Applied to http://en.opensuse.org/MediaWiki:Common.css it doesn't work.
'The problem is that skins/bento/css/local-css/style.css is loaded _after_ MediaWiki:Common.css (I'd call that a bug).
Depends :)
What if MediaWiki:Common.css will be loaded last? Any user with admin rights will be able to mess whole interface.
That's already possible nowadays ;-) I can override _any_ style coming from another stylesheet if I really want - it's just a matter of finding the correct selectors and, if everything else fails, using !important. (Note: Do not use !important unless a) it's really needed and b) there's no other way to do it c) you know what you are doing ;-)
On the other hand some changes are possible, other not.
See above - everything is possible. You "just" have to know how to do it. Anyway, I still think MediaWiki:Common.php should be loaded last.
Anyway, your change would cause some side effects - multiline <ul> and <ol> would look like
42. this is a numbererd list with very long lines
It is visible even on a first page that numbers are lined up, then text follows after one space, but as there is no wrapping in Popular pages (at least in my browser window :) I don't think it is a problem (for me and alike :).
The style is also used for other pages using <ol> - which includes any page containing numbered lists. I'm quite sure there are pages with long (wrapping) lines in <ol> ;-)
"list-style: disc inside none;" is used in original MediaWiki. Firebug is reporting that
ul, ol { list-style: disc inside none; }
is inheriting properties from .special class. I'm not sure how that reflects on other ol and ul in the wiki.
Just checked again - this definition is included in various CSS files (reset.css, base.css, style.css) - and overridden by ol { list-style-type: decimal; } in style.css ;-)
Additionally, your CSS would probably replace the numbers with bullet points, which isn't what you want for <ol> ;-)
Tested with Firebug; it doesn't.
If it is the last definition for ol, then it does ;-) (but, see above, it is _not_ the last definition for ol)
I replaced your solution with
ol {
margin-left:30px;
}
This one moves list, but it is temporary solution as it will fail again when number of pages grows to 10000.
Indeed - but I'd call that a success problem ;-) Maybe we should set the margin (or disc-style-position:inside) for "ol.special" - I'm not exactly sure on which pages it's used, but I'd guess the "special" class is not used on content pages, so the possible side effects are restricted.
Taking current organization that is asking every user that wants to add new topic (like Greg with DFIR) to learn few hours how to add topic and its articles, that will not happen any soon.
Unfortunately you are right :-( Regards, Christian Boltz -- Heck, we get pushback from some people about the fact that our forum has an NNTP interface for people who 'have failed to keep up with the times' [Jim Henderson in opensuse-project] -- To unsubscribe, e-mail: opensuse-web+unsubscribe@opensuse.org To contact the owner, e-mail: opensuse-web+owner@opensuse.org
participants (2)
-
Christian Boltz -
Rajko