Attachment #85572 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 633-640 function Changefwk() { Link Here
633	[% END %]	635	[% END %]
634	[% FOREACH innerloo IN BIG_LOO.innerloop %]	636	[% FOREACH innerloo IN BIG_LOO.innerloop %]
635	[% IF ( innerloo.tag ) %]	637	[% IF ( innerloo.tag ) %]
636	<div class="tag clearfix" id="tag_[% innerloo.tag \| html %]_[% innerloo.index \| html %][% innerloo.random \| html %]">	638	<div class="tag" id="tag_[% innerloo.tag \| html %]_[% innerloo.index \| html %][% innerloo.random \| html %]">
637	<div class="tag_title" id="div_indicator_tag_[% innerloo.tag \| html %]_[% innerloo.index \| html %][% innerloo.random \| html %]">	639	<div class="row">
		640	<div class="tag_title col-sm-12" id="div_indicator_tag_[% innerloo.tag \| html %]_[% innerloo.index \| html %][% innerloo.random \| html %]">
638	[% IF advancedMARCEditor %]	641	[% IF advancedMARCEditor %]
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>	642	<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>
640	[% ELSE %]	643	[% ELSE %]
Lines 689-706 function Changefwk() { Link Here
689	</a>	692	</a>
690	</span>	693	</span>
691		694
692	</div>	695	</div> <!-- /.tag_title col-sm-12 -->
693		696	</div> <!-- /.row -->
694	[% FOREACH subfield_loo IN innerloo.subfield_loop %]	697	[% FOREACH subfield_loo IN innerloo.subfield_loop %]
695	<!-- One line on the marc editor -->	698	<!-- One line on the marc editor -->
		699	<div class="row">
696	<div class="subfield_line" style="[% subfield_loo.visibility \| html %]" id="subfield[% subfield_loo.tag \| html %][% subfield_loo.subfield \| html %][% subfield_loo.random \| html %]">	700	<div class="subfield_line" style="[% subfield_loo.visibility \| html %]" id="subfield[% subfield_loo.tag \| html %][% subfield_loo.subfield \| html %][% subfield_loo.random \| html %]">
697		701
698	[% UNLESS advancedMARCEditor %]	702	<div class="col-sm-4">
		703	[% UNLESS advasmedMARCEditor %]
699	[% 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">	704	[% 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">
700	[% ELSE %]<label for="tag_[% subfield_loo.tag \| html %]_subfield_[% subfield_loo.subfield \| html %]_[% subfield_loo.index \| html %]_[% subfield_loo.index_subfield \| html %]" class="labelsubfield">	705	[% ELSE %]<label for="tag_[% subfield_loo.tag \| html %]_subfield_[% subfield_loo.subfield \| html %]_[% subfield_loo.index \| html %]_[% subfield_loo.index_subfield \| html %]" class="labelsubfield">
701	[% END %]	706	[% END %]
702	[% END %]	707	[% END %]
703		708
		709	</label>
		710
704	<span class="subfieldcode">	711	<span class="subfieldcode">
705	[% IF ( subfield_loo.fixedfield ) %]	712	[% IF ( subfield_loo.fixedfield ) %]
706	<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" />	713	<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 723-743 function Changefwk() { Link Here
723	[% subfield_loo.marc_lib \| $raw %]	730	[% subfield_loo.marc_lib \| $raw %]
724	[% IF ( subfield_loo.mandatory ) %]<span class="mandatory_marker" title="This field is mandatory">*</span>[% END %]	731	[% IF ( subfield_loo.mandatory ) %]<span class="mandatory_marker" title="This field is mandatory">*</span>[% END %]
725	</span>	732	</span>
726	</label>
727	[% END %]	733	[% END %]
728		734	</div> <!-- /.col-sm-4 -->
		735	<div class="col-sm-8">
729	[% SET mv = subfield_loo.marc_value %]	736	[% SET mv = subfield_loo.marc_value %]
730	[% IF ( mv.type == 'text' ) %]	737	[% IF ( mv.type == 'text' ) %]
731	[% IF ( mv.readonly == 1 ) %]	738	[% IF ( mv.readonly == 1 ) %]
732	<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" />	739	<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" />
733	[% ELSE %]	740	[% ELSE %]
734	<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 -%]" />	741	<input type="text" id="[%- mv.id \| html -%]" name="[%- mv.name \| html -%]" value="[%- mv.value \| html -%]" class="input_marceditor" tabindex="1" maxlength="[%- mv.maxlength \| html -%]" />
735	[% END %]	742	[% END %]
736	[% IF ( mv.authtype ) %]	743	[% IF ( mv.authtype ) %]
737	<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>	744	<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>
738	[% END %]	745	[% END %]
739	[% ELSIF ( mv.type == 'text_complex' ) %]	746	[% ELSIF ( mv.type == 'text_complex' ) %]
740	<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 -%]" />	747	<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 -%]" />
741	<span class="subfield_controls">	748	<span class="subfield_controls">
742	[% IF mv.noclick %]	749	[% IF mv.noclick %]
743	<a href="#" class="buttonDot tag_editor disabled" tabindex="-1" title="No popup"></a>	750	<a href="#" class="buttonDot tag_editor disabled" tabindex="-1" title="No popup"></a>
Lines 747-753 function Changefwk() { Link Here
747	</span>	754	</span>
748	[% mv.javascript \| $raw %]	755	[% mv.javascript \| $raw %]
749	[% ELSIF ( mv.type == 'hidden' ) %]	756	[% ELSIF ( mv.type == 'hidden' ) %]
750	<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 -%]" />	757	<input tabindex="1" type="hidden" id="[%- mv.id \| html -%]" name="[%- mv.name \| html -%]" maxlength="[%- mv.maxlength \| html -%]" value="[%- mv.value \| html -%]" />
751	[% ELSIF ( mv.type == 'textarea' ) %]	758	[% ELSIF ( mv.type == 'textarea' ) %]
752	<textarea cols="70" rows="4" id="[%- mv.id \| html -%]" name="[%- mv.name \| html -%]" class="input_marceditor" tabindex="1">[%- mv.value \| html -%]</textarea>	759	<textarea cols="70" rows="4" id="[%- mv.id \| html -%]" name="[%- mv.name \| html -%]" class="input_marceditor" tabindex="1">[%- mv.value \| html -%]</textarea>
753	[% ELSIF ( mv.type == 'select' ) %]	760	[% ELSIF ( mv.type == 'select' ) %]
Lines 772-783 function Changefwk() { Link Here
772	</a>	779	</a>
773	[% END %]	780	[% END %]
774	</span>	781	</span>
775		782	</div> <!-- /.col-sm-8 -->
776	</div>	783	</div> <!-- /.subfield_line -->
		784	</div> <!-- /.row -->
777	<!-- End of the line -->	785	<!-- End of the line -->
778	[% END %]	786	[% END %]
779		787
780	</div>	788	</div> <!-- /.tag -->
781	[% END %]<!-- if innerloo.tag -->	789	[% END %]<!-- if innerloo.tag -->
782	[% END %]<!-- BIG_LOO.innerloop -->	790	[% END %]<!-- BIG_LOO.innerloop -->
783	</div>	791	</div>
784	-

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	}