ikiwiki kudos
Thomas Schwinge <[email protected]> Thu, 10 Jun 2010 22:33:53 +0200
| Newsgroups | gmane.os.hurd.web.devel |
|---|---|
| Message-ID | <[email protected]> |
--kvUQC+jR9YzypDnK Content-Type: text/plain; charset=us-ascii Content-Disposition: inline Content-Transfer-Encoding: quoted-printable Hello! Olaf, Anatoly, these kudos are for you: commit 23aaa5ac45f389a741afdac6d87e077a2e44fe8b Author: Joey Hess <[email protected]> Date: Thu Jun 10 14:14:46 2010 -0400 style.css: Improvements to make floating sidebar fit better on pages wi= th inlines. =20 The key is using width: auto; overflow: auto; -- this allows the div(s)= to the left of the floating sidebar to be resized to fit next to it, and preve= nts any clear: both from pushing the div down below the end of the sidebar. =20 Many thanks for the Hurd wiki's developers for originally figuring this= out. =20 The edit page recently developed the same problem with its textarea, now that a sidebar can appear on that page too. In editpage.tmpl I needed to add a new div around the editcontent textarea, as the above styles cann= ot be applied directly to textareas. The textarea's own width is reduced to 98% because at least in chromium this avoids it getting unnecessary horizonatl scrollbars when a sidebar is displayed next to it. diff --git a/debian/changelog b/debian/changelog index abf7a2d..f7810c6 100644 --- a/debian/changelog +++ b/debian/changelog @@ -11,6 +11,8 @@ ikiwiki (3.20100609) unstable; urgency=3Dlow * editpage: Avoid storing accidental state changes when previewing pages. * page.tmpl: Add a div around the sidebar, page content, and comments, to aide in styling. + * style.css: Improvements to make floating sidebar fit better on + pages with inlines. =20 -- Joey Hess <[email protected]> Mon, 31 May 2010 20:44:17 -0400 =20 diff --git a/doc/style.css b/doc/style.css index 2cd7a96..d88c937 100644 --- a/doc/style.css +++ b/doc/style.css @@ -110,7 +110,12 @@ nav { } =20 #editcontent { - width: 100%; + width: 98%; +} + +.editcontentdiv { + width: auto; + overflow: auto; } =20 img { @@ -121,8 +126,8 @@ div.recentchanges { border-style: solid; border-width: 1px; overflow: auto; - clear: both; - width: 100%; + width: auto; + clear: none; background: #eee; color: black !important; } @@ -176,6 +181,7 @@ div.recentchanges { .inlinepage { padding: 10px 10px; border: 1px solid #aaa; + overflow: auto; } =20 .pagedate, diff --git a/templates/editpage.tmpl b/templates/editpage.tmpl index 118ca45..36076cb 100644 --- a/templates/editpage.tmpl +++ b/templates/editpage.tmpl @@ -17,7 +17,9 @@ <TMPL_VAR FIELD-TYPE> </TMPL_IF> <li> +<div class=3D"editcontentdiv"> <TMPL_VAR FIELD-EDITCONTENT><br /> +</div> </li> <TMPL_IF NAME=3D"CAN_COMMIT"> <li> Regards, Thomas --kvUQC+jR9YzypDnK Content-Type: application/pgp-signature; name="signature.asc" Content-Description: Digital signature Content-Disposition: inline -----BEGIN PGP SIGNATURE----- Version: GnuPG v1.4.10 (GNU/Linux) iEYEARECAAYFAkwRTC4ACgkQFaWaPJ2HwAraSACfZYUkf/zh9P3+LDCf+1ZkjnT9 aywAn2txtZEgBf/2fnn94fsLq97rhH19 =FwJ4 -----END PGP SIGNATURE----- --kvUQC+jR9YzypDnK--