From 8f0de95804f9a7159c5d1d8a7b109ed0bbcf0aaa Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Tue, 13 Mar 2018 09:02:51 +0000 Subject: [PATCH] Bug 20044: (follow-up) Improve responsive behavior of MARC editor 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 Signed-off-by: Katrin Fischer Signed-off-by: Chris Cormack Signed-off-by: Nick Clemens --- .../intranet-tmpl/prog/css/addbiblio.css | 33 +++++++++++++++++-- 1 file changed, 31 insertions(+), 2 deletions(-) diff --git a/koha-tmpl/intranet-tmpl/prog/css/addbiblio.css b/koha-tmpl/intranet-tmpl/prog/css/addbiblio.css index f49eb613e9..01f975c447 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/addbiblio.css +++ b/koha-tmpl/intranet-tmpl/prog/css/addbiblio.css @@ -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; + } +} \ No newline at end of file -- 2.39.5