Fix bug that made radio button circles into 100%-wide ovals.

To keep the text INPUTs and TEXTAREAs as wide as possible, but other
inputs small, I added a JavaScript snippet to ensure the text elements
have a CSS-addressable class ('text'); then I updated the stylesheet
to only set 'text' inputs 100% wide.

git-svn-id: svn://svn.open-ils.org/ILS-Contrib/servres/trunk@803 6d9bc8c9-1ec2-4278-b937-99fde70a366f

diff --git a/conifer/static/common.js b/conifer/static/common.js
new file mode 100644 (file)
index 0000000..f35078f
--- /dev/null
+++ b/conifer/static/common.js
@@ -0,0 +1,4 @@
+$(function() { 
+    // make sure all INPUT and TEXTAREA elements are in the 'text' class, for CSS.
+    $('input:text,textarea').addClass('textinput'); 
+});
\ No newline at end of file

diff --git a/conifer/static/main.css b/conifer/static/main.css
index f9c1af7..0729361 100644 (file)
--- a/conifer/static/main.css
+++ b/conifer/static/main.css
@@ -309,7 +309,7 @@ thead th { padding: 8px; font-weight: bold; font-size: 90%; }
 .metadata_table tbody td {
     padding: 8px; border: #ddd 1px solid;
 }
-.metadata_table input { width: 600px; }
+.metadata_table .textinput { width: 600px; }
 .metadata_table .meta3 input { width: 10px; }
 
 .metadata_table tbody th {

diff --git a/conifer/templates/master.xhtml b/conifer/templates/master.xhtml
index 0786588..5d1614e 100644 (file)
--- a/conifer/templates/master.xhtml
+++ b/conifer/templates/master.xhtml
@@ -20,6 +20,7 @@ import os
     using the trunk version of jquery to get around some IE 8 problems
     -->
     <script type="text/javascript" src="${ROOT}/static/jquery/js/jquery.js"/>
+    <script type="text/javascript" src="${ROOT}/static/common.js"/>
     <!--
     <script type="text/javascript" src="${ROOT}/static/jquery/js/jquery-1.3.2.min.js"/>
     -->