@@ -, +, @@
editor
- Adjust your browser width and confirm that the form adjusts well
to various widths.
- Test that the markup changes haven't broken the JavaScript-driven
features in the editor:
- Clone tags
- Delete tags
- Expand and collapse tags
- Clone subfields
- Delete subfields
- Re-order subfields
- Cataloging plugins:
- Focus-driven plugins like on tag 000
- Popup plugins like 008 or authority-linked tags
- Select2-styled dropdowns (e.g. 942$c Item type).
---
koha-tmpl/intranet-tmpl/prog/css/addbiblio.css | 137 ++++++++-------------
.../prog/en/modules/cataloguing/addbiblio.tt | 132 ++++++++++----------
koha-tmpl/intranet-tmpl/prog/js/cataloging.js | 74 +++++------
3 files changed, 162 insertions(+), 181 deletions(-)
--- a/koha-tmpl/intranet-tmpl/prog/css/addbiblio.css
+++ a/koha-tmpl/intranet-tmpl/prog/css/addbiblio.css
@@ -71,26 +71,26 @@ ul li.tag li.subfield_line.ui-sortable-helper::before {
}
.buttonPlus {
- font-weight : bold;
- text-decoration : none;
+ font-weight: bold;
+ text-decoration: none;
}
.buttonMinus {
- font-weight : bold;
- text-decoration : none;
+ font-weight: bold;
+ text-decoration: none;
}
a.expandfield {
- text-decoration : none;
+ text-decoration: none;
}
#authoritytabs {
- margin-top : 1em;
- margin-bottom : 1em;
+ margin-top: 1em;
+ margin-bottom: 1em;
}
.toptabs .ui-tabs-nav li a {
- padding : .2em 1.2em;
+ padding: .2em 1.2em;
}
.tag {
@@ -101,18 +101,7 @@ a.expandfield {
li.subfield_line {
padding-bottom: .3em;
- float: left;
- clear: left;
- width: 100%;
-}
-li.subfield_line label {
- font-size:89%;
- float: left;
- padding-right : .4em;
- width: 16em;
- text-align: left;
- clear:left;
}
.subfieldcode img {
@@ -120,48 +109,45 @@ li.subfield_line label {
}
.tag_title {
- font-size : 90%;
- padding : .2em 0;
+ font-size: 90%;
+ padding: .2em 0;
}
.tagnum {
- font-size : 130%;
- font-weight : bold;
- color : #000;
- padding : .1em .3em .1em 0;
+ font-size: 130%;
+ 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;
+ 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;
+ padding: .25em .5em;
+ text-align:right;
+ width: 10em;
}
-.subfield.subfield_mandatory {
- color: #C00;
+.subfield label {
+ color: #00698a;
}
-.subfieldcode {
- display: block;
- float: left;
+.subfield.subfield_mandatory {
+ color: #C00;
}
.labelsubfield {
- float:left;
+ font-size: 90%;
}
.input_marceditor {
- float:left;
- width:30em;
+ width: 100%;
}
.indicator {
@@ -170,40 +156,30 @@ a.tagnum {
}
#cataloguing_additem_newitem fieldset.rows label, #cataloguing_additem_newitem fieldset.rows span.label {
- font-size : 100%;
- width : 25%;
-}
+ font-size: 100%;
-#cataloguing_additem_newitem fieldset.rows li {
- padding-bottom : 3px;
-}
-#cataloguing_additem_newitem .input_marceditor {
- width : auto;
}
-#cataloguing_additem_newitem textarea.input_marceditor {
- width : 31em;
+#cataloguing_additem_newitem fieldset.rows li {
+ padding-bottom: 3px;
}
.mandatory_marker {
color: red;
}
.linktools { display: block; white-space: nowrap; }
-.linktools a { font-size : 75%; display:block;text-decoration:none;}
+.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; }
-#cataloguing_additem_itemlist {
- margin-bottom : 1em;
-}
-.yui-gf div.first {
- width : 19%;
+.subfield_controls {
+ margin: 0 .5em;
+ min-width: 3em;
}
-.yui-gf .yui-u {
- width: 79.2%;
+#cataloguing_additem_itemlist {
+ margin-bottom: 1em;
}
tbody tr.active:nth-child(2n+1) td,
@@ -223,13 +199,13 @@ tbody tr.active td {
z-index: 1000;
}
#loading div {
- background : transparent url(../img/loading.gif) top left no-repeat;
- font-size : 175%;
+ 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;
+ padding-left: 50px;
position: absolute;
top: 50%;
width: 15em;
@@ -322,30 +298,23 @@ tbody tr.active td {
display: inline-block;
}
-@media (min-width: 768px) {
- li.subfield_line label {
- width: 20em;
- }
+.subfield_line {
+ display: flex;
+}
+
+.field_marceditor {
+ flex-grow: 1;
+ padding: .25em .5em;
+}
+
+.subfield_loop_mandatory {
+ padding: .25em .5em;
+}
- .input_marceditor {
- width: 50em;
- }
+@media (min-width: 768px) {
- .subfield {
- width: 14em;
- }
}
@media (min-width: 1200px) {
- li.subfield_line label {
- width: 25em;
- }
-
- .input_marceditor {
- width: 60em;
- }
- .subfield {
- width: 16em;
- }
}
--- a/koha-tmpl/intranet-tmpl/prog/en/modules/cataloguing/addbiblio.tt
+++ a/koha-tmpl/intranet-tmpl/prog/en/modules/cataloguing/addbiblio.tt
@@ -479,7 +479,9 @@
[% INCLUDE 'select2.inc' %]
@@ -787,81 +789,87 @@
[% FOREACH subfield_loo IN innerloo.subfield_loop %]
+
+
+
[% UNLESS advancedMARCEditor %]
- [% IF ( subfield_loo.fixedfield ) %]
-