Koha-community/Koha
13
7
Fork 0
Code Issues Releases Wiki Activity

Bug 20044: (follow-up) Improve responsive behavior of MARC editor

Browse source 
This patch makes some changes to addbiblio.css in order to improve
responsive changes to the MARC editor.

Note: This patch does not make changes affecting narrow browser widths.
The changes are focused on adapting to larger layouts affected by the
switch to the Bootstrap grid.

To test, apply the patch and clear your cache if necessary. Open an
existing record for editing in the standard MARC editor. View the page
at various browser widths and confirm that it looks correct.

Note: Because of the way the floating toolbar is displayed it does not
dynamically resize when you resize the browser. Reload the page after
resizing the browser window to confirm that the toolbar adapts at
different widths.

Signed-off-by: Claire Gravely <claire.gravely@bsz-bw.de>

Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Signed-off-by: Chris Cormack <chrisc@catalyst.net.nz>

Signed-off-by: Nick Clemens <nick@bywatersolutions.com>
This commit is contained in:
Owen Leonard 2018-03-13 09:02:51 +00:00 committed by Nick Clemens
parent c300d83edb
commit 8f0de95804
1 changed files with 31 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
koha-tmpl/intranet-tmpl/prog/css/addbiblio.css
View file

@ -4,6 +4,7 @@
#addbibliotabs .ui-tabs-panel {
float : left;
width: 100%;
}
.buttonPlus {
@ -75,7 +76,6 @@ a.tagnum {
.subfield {
color : #00698a;
float: left;
width: 10em;
text-align:right;
}
@ -91,7 +91,7 @@ a.tagnum {
.input_marceditor {
float:left;
width:30em;
width: auto;
}
.indicator {
@ -169,3 +169,32 @@ tbody tr.active td {
top: 50%;
width: 15em;
}
@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;
}
}