diff options
author | Joey Hess <joey@kodama.kitenet.net> | 2008-08-12 15:58:13 -0400 |
---|---|---|
committer | Joey Hess <joey@kodama.kitenet.net> | 2008-08-12 15:58:13 -0400 |
commit | 32e2445aae3f06b9aabd19cb341720bb0714c6a6 (patch) | |
tree | 9ad1515ec7d292be5de886555ddb89a1f5c2b61b | |
parent | 6432d15cb42b7b5b885b766d67f35ff2356f883c (diff) |
comments
-rw-r--r-- | doc/todo/progressbar_plugin.mdwn | 19 |
1 files changed, 17 insertions, 2 deletions
diff --git a/doc/todo/progressbar_plugin.mdwn b/doc/todo/progressbar_plugin.mdwn index 1df131ca3..9695f3ca1 100644 --- a/doc/todo/progressbar_plugin.mdwn +++ b/doc/todo/progressbar_plugin.mdwn @@ -18,7 +18,18 @@ A here is its HTML result: Note: I was trying with `<span>` tags too, but that tag is inline, so I can't set `width` property for it. -> In the poll plugin, I ended up using +> In the poll plugin, I ended up using a `<hr>` for the progress-like +> thing. One reason I did so is because it actually works in text-mode +> browsers (w3m, lynx), that do not support css or colorized +> divs. Since the hr is an element they display, just setting its width can +> make a basic progress-type display. The style then makes it display +> better in more capable browsers. +> +> The other advantage to that approach is that the htmlscrubber lets +> through the `class` and `width` fields, that are all that are needed for +> it to work. No need to work around htmlscrubber. +> +> So I suggest adapting this to use similar html. --[[Joey]] Default CSS styles for the plugin can be like below: @@ -40,6 +51,10 @@ Default CSS styles for the plugin can be like below: vertical-align: middle; } +> Please make sure to always set a foreground color if a background color is +> set, and use '!important' so the foreground color can be overridden. (CSS +> best practices) --[[Joey]] + You can use alternative, commented CSS code for `div.progress` if you dislike padding around done strip. @@ -166,4 +181,4 @@ This plugin is included in ikiwiki, but is not enabled by default. If it is turned on it can show what percentage of pages have discussion pages: -[[!progress totalpages="* and !*/Discussion" donepages="*/Discussion"]] + \[[!progress totalpages="* and !*/Discussion" donepages="*/Discussion"]] |