@@ -, +, @@ - Make the default layout single-column. - Switch the layout to two-column only when testing prediction pattern. - Add a button to hide the prediction pattern test pane. - Change the style of some buttons and links. Add Font Awesome icons to some. - Clean up some issues with capitalization and spacing. - Make it clearer when form fields are read-only: Move "locked" form field style from addbiblio.css to staff-global.css and improve it with regard to mouse interactions - Go to Serials -> New subscription. - Readonly fields under "Vendor" and "Record" should show a small padlock icon. - Test the process of adding a subscription, paying special attention to the advanced pattern controls: Showing, hiding, modifying, canceling. - Test the process of editing a subscription in the same way. --- koha-tmpl/intranet-tmpl/prog/css/addbiblio.css | 1 - .../intranet-tmpl/prog/css/src/staff-global.scss | 28 +++-- .../en/modules/serials/showpredictionpattern.tt | 4 + .../prog/en/modules/serials/subscription-add.tt | 126 ++++++++++++--------- .../intranet-tmpl/prog/js/subscription-add.js | 19 +++- 5 files changed, 112 insertions(+), 66 deletions(-) --- a/koha-tmpl/intranet-tmpl/prog/css/addbiblio.css +++ a/koha-tmpl/intranet-tmpl/prog/css/addbiblio.css @@ -135,7 +135,6 @@ a.tagnum { .linktools a:first-child { border-bottom: 1px solid #DDD; } .linktools a:hover { background-color: #FFC; } .subfield_controls { margin : 0 .5em; } -.readonly { border-width : 1px; border-style: inset; padding-left : 15px; background: #EEE url(../img/locked.png) center left no-repeat; width:29em; } #cataloguing_additem_itemlist { margin-bottom : 1em; --- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss +++ a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss @@ -343,6 +343,10 @@ th { font-weight: bold; text-align: center; + &[scope="row"] { + text-align: right; + } + &.data { font-family: $font-monospace; text-align: right; @@ -1019,7 +1023,7 @@ fieldset { div { &.hint { - margin-bottom: .4em; + margin: .5em 0; margin-left: 10.5em; } } @@ -1074,6 +1078,7 @@ fieldset { } &.radio { + margin: 0; padding-left: 9em; width: auto; @@ -1893,6 +1898,21 @@ dd { } } +.readonly, +input[type='text']:read-only { + background: #EEE url("../img/locked.png") center left no-repeat; + border-style: inset; + border-width: 1px; + cursor: default; + padding-left: 15px; +} + +.readonly:focus, +input[type='text']:read-only:focus { + border-color: unset; + border-radius: unset; +} + .checkedout { color: #999999; font-style: italic; @@ -2439,12 +2459,6 @@ li { font-style: italic; } -#displayexample { - background-color: #CCCCCC; - margin-bottom: 10px; - padding: 5px; -} - #irregularity_summary { vertical-align: top; } --- a/koha-tmpl/intranet-tmpl/prog/en/modules/serials/showpredictionpattern.tt +++ a/koha-tmpl/intranet-tmpl/prog/en/modules/serials/showpredictionpattern.tt @@ -84,4 +84,8 @@ +
+ [% END %] --- a/koha-tmpl/intranet-tmpl/prog/en/modules/serials/subscription-add.tt +++ a/koha-tmpl/intranet-tmpl/prog/en/modules/serials/subscription-add.tt @@ -14,6 +14,7 @@ fieldset.rows li.radio { width: 100%; } /* override staff-global.css */ /* Prevents Bootstrap menus from being hidden inside modal */ #mana_search_result .modal { overflow: visible; } #mana_search_result .modal-body { overflow-y: visible; } +fieldset.rows table { clear: none; margin: 0; } @@ -32,35 +33,36 @@ fieldset.rows li.radio { width: 100%; } /* override staff-global.css */