Owen Leonard
8262613b25
This patch updates the basket groups interface so that it doesn't rely on YUI to move baskets in and out of groups. The patch also removes all YUI assets and many long-obsolete references to YUI-related classes and IDs. To test, apply the patch and rebuild the staff interface CSS (https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff_client) - Go to Acquisitions. - Locate a vendor with multiple closed baskets. - Click "Basket groups" in the sidebar menu. - Create or edit a basket group. - On the basket group page you should see the basket group form in one column and ungrouped baskets in another. - Both grouped and ungrouped baskets should be in a sortable DataTable. - Test that when you click the "Add to group" button on an ungrouped basket the row is removed from the table of ungrouped baskets and added to the table of grouped baskets. - The button text on the row should now read "Remove." - Test the reverse operation: Clicking "Remove" on a grouped basket should move it to the table of ungrouped baskets. - Test that when all baskets are moved out of either of the tables a row is displayed with a message specific to that table, e.g. "There are no ungrouped baskets." - Test that the basket group saves correctly when zero or more baskets are added to the group. Signed-off-by: David Nind <david@davidnind.com> Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de> Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
189 lines
2.9 KiB
CSS
189 lines
2.9 KiB
CSS
.preference-email,
|
|
.preference-url,
|
|
.preference-multi,
|
|
.preference-long,
|
|
.preference-file,
|
|
.preference-modalselect {
|
|
width: 20em;
|
|
}
|
|
|
|
.preference-short {
|
|
width: 10em;
|
|
}
|
|
|
|
.preference-integer, .preference-percent, .preference-date, .preference-currency {
|
|
width: 5em;
|
|
}
|
|
|
|
input[type="text"].modalselect {
|
|
cursor: pointer;
|
|
}
|
|
|
|
input[type="text"].modalselect: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 {
|
|
box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.5);
|
|
border-radius: 0;
|
|
}
|
|
|
|
.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: #FCFCFC url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMAQMAAABoTh6ZAAAABlBMVEVMaXHExMQ/ZYtiAAAAAXRSTlMAQObYZgAAABNJREFUeNpjYGBgMDYAIQjAxgYAKfECU0ml038AAAAASUVORK5CYII=") repeat-y;
|
|
border: 1px solid #EEE;
|
|
cursor: move;
|
|
font-weight: bold;
|
|
list-style-type: none;
|
|
margin: .5em 0;
|
|
padding: .1em .5em;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.sortable li:hover {
|
|
background-color: #FFC;
|
|
}
|
|
|
|
.sortable li li {
|
|
background: transparent none;
|
|
border: 0;
|
|
font-weight: normal;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.sortable li li label {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sortable li.ui-sortable-helper {
|
|
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 {
|
|
background: #FFF none;
|
|
border: 0;
|
|
color: #004D99;
|
|
font-size: 100%;
|
|
hyphens: auto;
|
|
margin: 0;
|
|
padding: .2em .5em;
|
|
text-align: right;
|
|
}
|
|
|
|
#menu ul ul {
|
|
padding-left: 0;
|
|
}
|