Owen Leonard
872c4ba2dc
This patch adds a replacement for jQueryUI sortable, a standalone
library called Sortable. The patch updates pages which previously used
jQueryUI for sorting.
The patch updates the style of most sortable elements to use the
"grip-vertical" Font Awesome icon.
To test, apply the patch and test the following pages, confirming that
sortable elements are sortable and that the newly sorted state is saved
correctly:
- Administration -> System prefernces -> I18N/L10N
- With multiple languages installed, test that languages listed in the
'language' and 'OPACLanguages' preferences can be sorted and that
after saving your changes the interface relfects your changes: In
the footer and header of the OPAC and in the footer of the staff
interface.
- Administration -> MARC bibliographic framework -> MARC structure ->
Edit subfields of a tag.
- Test using a tag with multiple subfields, e.g. MARC21 245.
- Test that you can click and drag to reorder the tabs in the
subfield edit view.
- Test that when you save your changes, including changes to the
"New" tab position, that fields are ordered correctly both in the
display on this page and in the basic MARC editor.
- Perform the same tests on Authorities: Administration -> Authority
types -> MARC structure -> Edit subfields of a tag.
- Authorities -> New (or edit) authority
- Multiple subfields of a tag should be sortable.
- Multiple copies of the same tag should be sortable relative to each
other.
- Confirm that your changes are saved correctly and that the detail
view of your updated authority record is correct.
- Perform the same tests on Cataloging -> New (or edit) record in the
basic MARC editor.
- Enable the StockRotation system preference if necessary.
- Go to Cataloging -> Stock rotation
- If necessary, create a new rota and add multiple stages
- In the "Manage stages" view you should be able to click and drag
to reorder stages. The new position should be saved immediately
via AJAX.
Signed-off-by: paul <paul.poulain@biblibre.com>
Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
194 lines
2.8 KiB
CSS
194 lines
2.8 KiB
CSS
.preference-email,
|
|
.preference-url,
|
|
.preference-multi,
|
|
.preference-long,
|
|
.preference-file,
|
|
.preference-modalselect,
|
|
.preference-modaljs {
|
|
width: 20em;
|
|
}
|
|
|
|
.preference-short {
|
|
width: 10em;
|
|
}
|
|
|
|
.preference-integer, .preference-percent, .preference-date, .preference-currency {
|
|
width: 5em;
|
|
}
|
|
|
|
input[type="text"].modalselect,
|
|
input[type="text"].modaljs {
|
|
cursor: pointer;
|
|
}
|
|
|
|
input[type="text"].modalselect:hover,
|
|
input[type="text"].modaljs:hover {
|
|
background-color: #FFC;
|
|
}
|
|
|
|
textarea.preference {
|
|
width: 35em;
|
|
height: 20em;
|
|
display: block;
|
|
}
|
|
|
|
textarea.preference-code, .preference-file {
|
|
font-family: monospace;
|
|
}
|
|
|
|
a.expand-textarea {
|
|
display: block;
|
|
}
|
|
dl {
|
|
margin-left : 1em;
|
|
}
|
|
dt {
|
|
padding : .1em;
|
|
}
|
|
h1 {
|
|
font-size : 149%;
|
|
}
|
|
h2 {
|
|
font-size : 134%;
|
|
}
|
|
|
|
table {
|
|
width : 100%;
|
|
}
|
|
|
|
caption {
|
|
color : #003399;
|
|
}
|
|
|
|
h3 {
|
|
color : #003366;
|
|
margin : .4em 0;
|
|
}
|
|
|
|
/* https://css-tricks.com/hash-tag-links-padding/#article-header-id-4 */
|
|
h3:target {
|
|
margin-top: -12px;
|
|
padding-top: 50px;
|
|
}
|
|
|
|
h3:target::before {
|
|
padding: 0 5px;
|
|
position: absolute;
|
|
top: 25px;
|
|
}
|
|
|
|
h3 i {
|
|
color: #336699;
|
|
}
|
|
|
|
h3.expanded,
|
|
h3.collapsed {
|
|
cursor: pointer;
|
|
}
|
|
|
|
h3.expanded i.fa.fa-caret-down::before {
|
|
content: "\f0d7";
|
|
}
|
|
|
|
h3.collapsed i.fa.fa-caret-down::before {
|
|
content: "\f0da";
|
|
}
|
|
|
|
.humanMsg strong {
|
|
display: block;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#toolbar.floating {
|
|
border-radius: 0;
|
|
box-shadow: 0 0 2px 1px rgba(0,0,0,.4);
|
|
margin-top: 0;
|
|
z-index: 100;
|
|
}
|
|
|
|
.loading {
|
|
display: inline-block;
|
|
height : 16px;
|
|
width: 16px;
|
|
background: transparent url("../img/spinner-small.gif") top left no-repeat;
|
|
padding : 0 4px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
span.overridden {
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
color: red;
|
|
}
|
|
|
|
.sortable {
|
|
margin-left: 0;
|
|
max-width: 20em;
|
|
padding: .5em 0;
|
|
}
|
|
|
|
.sortable label {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sortable li {
|
|
background-color: #FCFCFC;
|
|
border: 1px solid #EEE;
|
|
cursor: move;
|
|
font-weight: bold;
|
|
list-style-type: none;
|
|
margin: .5em 0;
|
|
padding: .2em;
|
|
}
|
|
|
|
.sortable li:hover {
|
|
background-color: #FFF;
|
|
}
|
|
|
|
.sortable li li {
|
|
background: transparent none;
|
|
border: 0;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sortable li li label {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sortable .sortable-chosen {
|
|
background-color: #FFC;
|
|
}
|
|
|
|
.CodeMirror {
|
|
border: 1px solid #EEE;
|
|
margin: 1em 1em 1em 0;
|
|
resize: vertical;
|
|
}
|
|
|
|
#prefModal label {
|
|
display: block;
|
|
font-weight: bold;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.dbcolumn {
|
|
font-weight: normal;
|
|
font-family: monospace;
|
|
color: #666;
|
|
}
|
|
#menu ul li.active a.pref_sublink {
|
|
hyphens: auto;
|
|
margin: 0;
|
|
}
|
|
|
|
#menu ul ul {
|
|
padding-left: 0;
|
|
}
|
|
|
|
#admin_preferences .ms-drop ul {
|
|
padding: 5px 0;
|
|
}
|
|
|
|
#admin_preferences .ms-drop label span {
|
|
margin-left: 5px;
|
|
}
|