Attachment #85666 for bug #22399

View | Details | Raw Unified | Return to bug 22399
Collapse All | Expand All





.tag {
    border-bottom: 2px solid #D5E6E9;
    clear: both;
    padding: .7em 0;
}

.tag .row {
    margin-left: 0;
    margin-right: 0;
}

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 {


.subfield {
	color : #00698a;
	float: left;
	width: 10em;
	text-align:right;
}

.subfieldcode {
	display: block;
	float: left;
}

.labelsubfield {
	float:left;
}

.input_marceditor {
    float:left;
    width: 70%;
}

.indicator {

}

@media (min-width: 768px) {
    div.subfield_line label {
        width: 20em;
    }

    .input_marceditor {
        width: 50em;
    }

    .subfield {
        width: 14em;
    }
}

@media (min-width: 1200px) {
    div.subfield_line label {
        width: 25em;
    }

    .input_marceditor {
        width: 60em;
    }

    .subfield {
        width: 16em;
    }
}

Lines 422-428 function Changefwk() { Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/modules/cataloguing/addbiblio.tt (-16 / +23 lines)
422	[% INCLUDE 'select2.inc' %]	422	[% INCLUDE 'select2.inc' %]
423	<script>	423	<script>
424	$(document).ready(function() {	424	$(document).ready(function() {
425	$('.subfield_line select').select2();	425	$('.subfield_line select').select2({
		426	width: "70%"
		427	});
426	});	428	});
427	</script>	429	</script>
428		430
Lines 630-637 function Changefwk() { Link Here
630	[% END %]	632	[% END %]
631	[% FOREACH innerloo IN BIG_LOO.innerloop %]	633	[% FOREACH innerloo IN BIG_LOO.innerloop %]
632	[% IF ( innerloo.tag ) %]	634	[% IF ( innerloo.tag ) %]
633	<div class="tag clearfix" id="tag_[% innerloo.tag \| html %]_[% innerloo.index \| html %][% innerloo.random \| html %]">	635	<div class="tag" id="tag_[% innerloo.tag \| html %]_[% innerloo.index \| html %][% innerloo.random \| html %]">
634	<div class="tag_title" id="div_indicator_tag_[% innerloo.tag \| html %]_[% innerloo.index \| html %][% innerloo.random \| html %]">	636	<div class="row">
		637	<div class="tag_title col-sm-12" id="div_indicator_tag_[% innerloo.tag \| html %]_[% innerloo.index \| html %][% innerloo.random \| html %]">
635	[% IF advancedMARCEditor %]	638	[% IF advancedMARCEditor %]
636	<a href="#" tabindex="1" class="tagnum" title="[% innerloo.tag_lib \| html %] - Click to Expand this Tag" onclick="ExpandField('tag_[% innerloo.tag \| html %]_[% innerloo.index \| html %][% innerloo.random \| html %]'); return false;">[% innerloo.tag \| html %]</a>	639	<a href="#" tabindex="1" class="tagnum" title="[% innerloo.tag_lib \| html %] - Click to Expand this Tag" onclick="ExpandField('tag_[% innerloo.tag \| html %]_[% innerloo.index \| html %][% innerloo.random \| html %]'); return false;">[% innerloo.tag \| html %]</a>
637	[% ELSE %]	640	[% ELSE %]
Lines 686-703 function Changefwk() { Link Here
686	</a>	689	</a>
687	</span>	690	</span>
688		691
689	</div>	692	</div> <!-- /.tag_title col-sm-12 -->
690		693	</div> <!-- /.row -->
691	[% FOREACH subfield_loo IN innerloo.subfield_loop %]	694	[% FOREACH subfield_loo IN innerloo.subfield_loop %]
692	<!-- One line on the marc editor -->	695	<!-- One line on the marc editor -->
		696	<div class="row">
693	<div class="subfield_line" style="[% subfield_loo.visibility \| html %]" id="subfield[% subfield_loo.tag \| html %][% subfield_loo.subfield \| html %][% subfield_loo.random \| html %]">	697	<div class="subfield_line" style="[% subfield_loo.visibility \| html %]" id="subfield[% subfield_loo.tag \| html %][% subfield_loo.subfield \| html %][% subfield_loo.random \| html %]">
694		698
695	[% UNLESS advancedMARCEditor %]	699	<div class="col-sm-4">
		700	[% UNLESS advasmedMARCEditor %]
696	[% IF ( subfield_loo.fixedfield ) %]<label for="tag_[% subfield_loo.tag \| html %]_subfield_[% subfield_loo.subfield \| html %]_[% subfield_loo.index \| html %]_[% subfield_loo.index_subfield \| html %]" style="display:none;" class="labelsubfield">	701	[% IF ( subfield_loo.fixedfield ) %]<label for="tag_[% subfield_loo.tag \| html %]_subfield_[% subfield_loo.subfield \| html %]_[% subfield_loo.index \| html %]_[% subfield_loo.index_subfield \| html %]" style="display:none;" class="labelsubfield">
697	[% ELSE %]<label for="tag_[% subfield_loo.tag \| html %]_subfield_[% subfield_loo.subfield \| html %]_[% subfield_loo.index \| html %]_[% subfield_loo.index_subfield \| html %]" class="labelsubfield">	702	[% ELSE %]<label for="tag_[% subfield_loo.tag \| html %]_subfield_[% subfield_loo.subfield \| html %]_[% subfield_loo.index \| html %]_[% subfield_loo.index_subfield \| html %]" class="labelsubfield">
698	[% END %]	703	[% END %]
699	[% END %]	704	[% END %]
700		705
		706	</label>
		707
701	<span class="subfieldcode">	708	<span class="subfieldcode">
702	[% IF ( subfield_loo.fixedfield ) %]	709	[% IF ( subfield_loo.fixedfield ) %]
703	<img class="buttonUp" style="display:none;" src="[% interface \| html %]/[% theme \| html %]/img/up.png" onclick="upSubfield('subfield[% subfield_loo.tag \| html %][% subfield_loo.subfield \| html %][% subfield_loo.random \| html %]')" alt="Move Up" title="Move Up" />	710	<img class="buttonUp" style="display:none;" src="[% interface \| html %]/[% theme \| html %]/img/up.png" onclick="upSubfield('subfield[% subfield_loo.tag \| html %][% subfield_loo.subfield \| html %][% subfield_loo.random \| html %]')" alt="Move Up" title="Move Up" />
Lines 720-740 function Changefwk() { Link Here
720	[% subfield_loo.marc_lib \| $raw %]	727	[% subfield_loo.marc_lib \| $raw %]
721	[% IF ( subfield_loo.mandatory ) %]<span class="mandatory_marker" title="This field is mandatory">*</span>[% END %]	728	[% IF ( subfield_loo.mandatory ) %]<span class="mandatory_marker" title="This field is mandatory">*</span>[% END %]
722	</span>	729	</span>
723	</label>
724	[% END %]	730	[% END %]
725		731	</div> <!-- /.col-sm-4 -->
		732	<div class="col-sm-8">
726	[% SET mv = subfield_loo.marc_value %]	733	[% SET mv = subfield_loo.marc_value %]
727	[% IF ( mv.type == 'text' ) %]	734	[% IF ( mv.type == 'text' ) %]
728	[% IF ( mv.readonly == 1 ) %]	735	[% IF ( mv.readonly == 1 ) %]
729	<input type="text" id="[%- mv.id \| html -%]" name="[%- mv.name \| html -%]" value="[%- mv.value \| html -%]" class="input_marceditor readonly" tabindex="1" size="[%- mv.size \| html -%]" maxlength="[%- mv.maxlength \| html -%]" readonly="readonly" />	736	<input type="text" id="[%- mv.id \| html -%]" name="[%- mv.name \| html -%]" value="[%- mv.value \| html -%]" class="input_marceditor readonly" tabindex="1" maxlength="[%- mv.maxlength \| html -%]" readonly="readonly" />
730	[% ELSE %]	737	[% ELSE %]
731	<input type="text" id="[%- mv.id \| html -%]" name="[%- mv.name \| html -%]" value="[%- mv.value \| html -%]" class="input_marceditor" tabindex="1" size="[%- mv.size \| html -%]" maxlength="[%- mv.maxlength \| html -%]" />	738	<input type="text" id="[%- mv.id \| html -%]" name="[%- mv.name \| html -%]" value="[%- mv.value \| html -%]" class="input_marceditor" tabindex="1" maxlength="[%- mv.maxlength \| html -%]" />
732	[% END %]	739	[% END %]
733	[% IF ( mv.authtype ) %]	740	[% IF ( mv.authtype ) %]
734	<span class="subfield_controls"><a href="#" class="buttonDot tag_editor" onclick="openAuth(this.parentNode.parentNode.getElementsByTagName('input')[1].id,'[%- mv.authtype \| html -%]','biblio'); return false;" tabindex="1" title="Tag editor">Tag editor</a></span>	741	<span class="subfield_controls"><a href="#" class="buttonDot tag_editor" onclick="openAuth(this.parentNode.parentNode.getElementsByTagName('input')[1].id,'[%- mv.authtype \| html -%]','biblio'); return false;" tabindex="1" title="Tag editor">Tag editor</a></span>
735	[% END %]	742	[% END %]
736	[% ELSIF ( mv.type == 'text_complex' ) %]	743	[% ELSIF ( mv.type == 'text_complex' ) %]
737	<input type="text" id="[%- mv.id \| html -%]" name="[%- mv.name \| html -%]" value="[%- mv.value \| html -%]" class="input_marceditor framework_plugin" tabindex="1" size="[%- mv.size \| html -%]" maxlength="[%- mv.maxlength \| html -%]" />	744	<input type="text" id="[%- mv.id \| html -%]" name="[%- mv.name \| html -%]" value="[%- mv.value \| html -%]" class="input_marceditor framework_plugin" tabindex="1" maxlength="[%- mv.maxlength \| html -%]" />
738	<span class="subfield_controls">	745	<span class="subfield_controls">
739	[% IF mv.noclick %]	746	[% IF mv.noclick %]
740	<a href="#" class="buttonDot tag_editor disabled" tabindex="-1" title="No popup"></a>	747	<a href="#" class="buttonDot tag_editor disabled" tabindex="-1" title="No popup"></a>
Lines 744-750 function Changefwk() { Link Here
744	</span>	751	</span>
745	[% mv.javascript \| $raw %]	752	[% mv.javascript \| $raw %]
746	[% ELSIF ( mv.type == 'hidden' ) %]	753	[% ELSIF ( mv.type == 'hidden' ) %]
747	<input tabindex="1" type="hidden" id="[%- mv.id \| html -%]" name="[%- mv.name \| html -%]" size="[%- mv.size \| html -%]" maxlength="[%- mv.maxlength \| html -%]" value="[%- mv.value \| html -%]" />	754	<input tabindex="1" type="hidden" id="[%- mv.id \| html -%]" name="[%- mv.name \| html -%]" maxlength="[%- mv.maxlength \| html -%]" value="[%- mv.value \| html -%]" />
748	[% ELSIF ( mv.type == 'textarea' ) %]	755	[% ELSIF ( mv.type == 'textarea' ) %]
749	<textarea cols="70" rows="4" id="[%- mv.id \| html -%]" name="[%- mv.name \| html -%]" class="input_marceditor" tabindex="1">[%- mv.value \| html -%]</textarea>	756	<textarea cols="70" rows="4" id="[%- mv.id \| html -%]" name="[%- mv.name \| html -%]" class="input_marceditor" tabindex="1">[%- mv.value \| html -%]</textarea>
750	[% ELSIF ( mv.type == 'select' ) %]	757	[% ELSIF ( mv.type == 'select' ) %]
Lines 769-780 function Changefwk() { Link Here
769	</a>	776	</a>
770	[% END %]	777	[% END %]
771	</span>	778	</span>
772		779	</div> <!-- /.col-sm-8 -->
773	</div>	780	</div> <!-- /.subfield_line -->
		781	</div> <!-- /.row -->
774	<!-- End of the line -->	782	<!-- End of the line -->
775	[% END %]	783	[% END %]
776		784
777	</div>	785	</div> <!-- /.tag -->
778	[% END %]<!-- if innerloo.tag -->	786	[% END %]<!-- if innerloo.tag -->
779	[% END %]<!-- BIG_LOO.innerloop -->	787	[% END %]<!-- BIG_LOO.innerloop -->
780	</div>	788	</div>
781	-

Return to bug 22399

Lines 40-63 a.expandfield { Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/css/addbiblio.css (-41 / +7 lines)
40		40
41	.tag {	41	.tag {
42	border-bottom: 2px solid #D5E6E9;	42	border-bottom: 2px solid #D5E6E9;
43	clear: both;
44	padding: .7em 0;	43	padding: .7em 0;
45	}	44	}
46		45
		46	.tag .row {
		47	margin-left: 0;
		48	margin-right: 0;
		49	}
		50
47	div.subfield_line {	51	div.subfield_line {
48	padding-bottom: .3em;	52	padding-bottom: .3em;
49	float: left;
50	clear: left;
51	width: 100%;
52	}	53	}
53		54
54	div.subfield_line label {	55	div.subfield_line label {
55	font-size:89%;	56	font-size:89%;
56	float: left;
57	padding-right : .4em;
58	width: 16em;
59	text-align: left;	57	text-align: left;
60	clear:left;
61	}	58	}
62		59
63	.subfieldcode img {	60	.subfieldcode img {
Lines 86-108 a.tagnum { Link Here
86		83
87	.subfield {	84	.subfield {
88	color : #00698a;	85	color : #00698a;
89	float: left;
90	width: 10em;
91	text-align:right;	86	text-align:right;
92	}	87	}
93		88
94	.subfieldcode {
95	display: block;
96	float: left;
97	}
98
99	.labelsubfield {
100	float:left;
101	}
102
103	.input_marceditor {	89	.input_marceditor {
104	float:left;	90	float:left;
105	width:30em;	91	width: 70%;
106	}	92	}
107		93
108	.indicator {	94	.indicator {
Lines 263-291 tbody tr.active td { Link Here
263	}	249	}
264		250
265	@media (min-width: 768px) {	251	@media (min-width: 768px) {
266	div.subfield_line label {
267	width: 20em;
268	}
269		252
270	.input_marceditor {
271	width: 50em;
272	}
273
274	.subfield {
275	width: 14em;
276	}
277	}	253	}
278		254
279	@media (min-width: 1200px) {	255	@media (min-width: 1200px) {
280	div.subfield_line label {
281	width: 25em;
282	}
283
284	.input_marceditor {
285	width: 60em;
286	}
287		256
288	.subfield {
289	width: 16em;
290	}
291	}	257	}