Koha/koha-tmpl/intranet-tmpl/prog/en/css/addbiblio.css
David Cook b5497a5f46 Bug 9571 - Fix width for textareas in Edit Item screen
This patch adds a style for textareas on the Edit Item screen of addbiblio.pl so that they are roughly the same length as the other input elements around it on the page.

To test:

Before applying patch...

1) Create a new item for any biblio with a URL (subfield u) of over 100 characters (you can use www.lettercount.com to count the number of characters in your URL).
2) In any browser (I've already looked at IE, Firefox, and Chrome on Windows), edit the item (either by clicking "Edit Items" from the Normal view of the bib record then clicking "Edit" next to the applicable item, or clicking on the "Items" view in the bib record and clicking "Edit item" next to the relevant item).
3) Notice that the textarea for the url is absolutely tiny. Difficult to read and difficult to interact with.

Apply patch.

1) Notice that the textarea is roughly the same size as the other input elements on the page.

Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com>
Signed-off-by: Marcel de Rooy <m.de.rooy@rijksmuseum.nl>
Signed-off-by: Jared Camins-Esakov <jcamins@cpbibliography.com>
2013-04-02 08:23:34 -04:00

179 lines
No EOL
3 KiB
CSS

#addbibliotabs {
margin-top : 1em;
}
#addbibliotabs .ui-tabs-panel {
float : left;
}
.buttonPlus {
font-weight : bold;
text-decoration : none;
}
.buttonMinus {
font-weight : bold;
text-decoration : none;
}
a.expandfield {
text-decoration : none;
}
#authoritytabs {
margin-top : 1em;
margin-bottom : 1em;
}
.toptabs .ui-tabs-nav li a {
padding : .2em 1.2em;
}
div.tag {
clear: both;
}
div.subfield_line {
padding-bottom: .3em;
float: left;
clear: left;
width: 100%;
}
div.subfield_line label {
font-size:89%;
float: left;
padding-right : .4em;
width: 16em;
text-align: left;
clear:left;
}
.subfieldcode img {
cursor: pointer;
}
.tag_title {
font-size : 90%;
padding : .2em 0;
}
.tagnum {
font-size : 110%;
font-weight : bold;
color : #000;
padding : .1em .3em .1em 0;
}
a.tagnum {
font-size : 110%;
font-weight : bold;
color : #000;
padding : .1em .3em .1em 0;
text-decoration : none;
}
.subfield {
color : #00698a;
float: left;
width: 10em;
text-align:right;
}
.subfieldcode {
display: block;
float: left;
}
.labelsubfield {
float:left;
}
.input_marceditor {
float:left;
width:30em;
}
.indicator {
width: 1em;
}
*html .input_marceditor {
width : 15em;
}
#cataloguing_additem_newitem fieldset.rows label, #cataloguing_additem_newitem fieldset.rows span.label {
font-size : 100%;
width : 25%;
}
#cataloguing_additem_newitem fieldset.rows li {
padding-bottom : 3px;
}
#cataloguing_additem_newitem .input_marceditor {
width : auto;
}
#cataloguing_additem_newitem textarea.input_marceditor {
width : 31em;
}
.mandatory_marker {
color: red;
}
.linktools { display: block; white-space: nowrap; }
.linktools a { font-size : 75%; display:block;text-decoration:none;}
.linktools a {margin:0 2px;padding:2px;background-color:#FFF;text-align:center; }
.linktools a:first-child { border-bottom: 1px solid #DDD; }
.linktools a:hover { background-color: #FFC; }
.subfield_controls { margin : 0 .5em; }
.readonly { border-width : 1px; border-style: inset; padding-left : 15px; background: #EEE url(../../img/locked.png) center left no-repeat; width:29em; }
#cataloguing_additem_itemlist {
margin-bottom : 1em;
}
.yui-gf div.first {
width : 19%;
}
.yui-gf .yui-u {
width: 79.2%;
}
/* Class to be added to toolbar when it starts being fixed at the top of the screen*/
.floating {
-webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
margin-top: 0;
}
tr.active td {
background-color: #FFFFCC;
}
tr.active.highlight td {
background-color: #FEF4B4;
}
#loading {
background-color: #FFF;
cursor: wait;
height: 100%;
left: 0;
opacity: .7;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
#loading div {
background : transparent url(../../img/loading.gif) top left no-repeat;
font-size : 175%;
font-weight: bold;
height: 2em;
left: 50%;
margin: -1em 0 0 -2.5em;
padding-left : 50px;
position: absolute;
top: 50%;
width: 15em;
}