From: Thierry Parmentelat Date: Tue, 31 Aug 2010 12:52:33 +0000 (+0200) Subject: outline disabled form fields X-Git-Tag: plewww-4.3-48~2 X-Git-Url: http://git.onelab.eu/?a=commitdiff_plain;h=ed89c2b10099183d6adb804dd918fda6e27a1243;p=plewww.git outline disabled form fields --- diff --git a/planetlab/css/plc_style.css b/planetlab/css/plc_style.css index 6ab48c5..e845e01 100644 --- a/planetlab/css/plc_style.css +++ b/planetlab/css/plc_style.css @@ -28,18 +28,20 @@ body { /* -------------------- inputs in forms */ /* don't mess with other types of input, e.g. buttons might get affected */ -input[type="text"], textarea -{ - border: solid 1px #85b1de; +input[type="text"], textarea { + border: solid 1px #444; background-image: url( '/planetlab/icons/form_input_bg.png' ); background-repeat: repeat-x; background-position: top; } -/* -xxx todo - - tweak the layout of disabled fields -st like [disabled="disabled'] -*/ +/* make disabled fields more obvious */ +input[type="text"][disabled], textarea[disabled] { + border: solid 1px #f8f8f8; + background-image: url( '/planetlab/icons/form_input_disabled.png' ); + background-repeat: repeat-x; + background-position: top; +} /* -------------------- errors & warnings */ .plc-warning { diff --git a/planetlab/icons/form_input_disabled.png b/planetlab/icons/form_input_disabled.png new file mode 100644 index 0000000..c0b06e8 Binary files /dev/null and b/planetlab/icons/form_input_disabled.png differ