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>
331 lines
5.6 KiB
CSS
331 lines
5.6 KiB
CSS
fieldset.rows ol.radio label, fieldset.rows li.radio label { float: right; margin: 0 1em 0 0.3em; }
|
|
|
|
/* Adjust text directions */
|
|
|
|
body,
|
|
caption,
|
|
div#toolbar,
|
|
div.rows span.label,
|
|
div.subfield_line label,
|
|
fieldset.rows.left label,
|
|
fieldset.rows.left span.label,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
legend,
|
|
th,
|
|
p,
|
|
ul li,
|
|
ul.toolbar,
|
|
.autocomplete .sample-result,
|
|
.ui-tabs-panel,
|
|
{
|
|
text-align: right;
|
|
}
|
|
|
|
#issuest th,
|
|
.column-tool
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
/* Swap floats */
|
|
|
|
div.lang,
|
|
div.rows span.label,
|
|
div.subfield_line label,
|
|
div#header_search,
|
|
fieldset.action,
|
|
fieldset.rows,
|
|
fieldset.rows input,
|
|
fieldset.rows div.hint,
|
|
fieldset.rows img,
|
|
fieldset.rows label,
|
|
fieldset.rows li,
|
|
fieldset.rows ol.radio label.radio,
|
|
fieldset.rows select,
|
|
fieldset.rows span.label,
|
|
fieldset.rows textarea,
|
|
ol.bibliodetails,
|
|
ol.bibliodetails span.label,
|
|
span.required,
|
|
span.important,
|
|
#marcDocsSelect,
|
|
#toplevelnav,
|
|
.ui-tabs-nav li,
|
|
{
|
|
float: right;
|
|
}
|
|
|
|
a.buttondot
|
|
{
|
|
float: left;
|
|
}
|
|
|
|
ul li,
|
|
input,
|
|
.input_marceditor
|
|
{
|
|
float: none;
|
|
}
|
|
|
|
div.sysprefs div.hint {
|
|
float: right ;
|
|
}
|
|
|
|
/* Adjust margins, padding, alignment and table-element widths */
|
|
|
|
div#menu li a
|
|
{
|
|
margin-left: -1px;
|
|
}
|
|
|
|
div#menu,
|
|
div.patroninfo ul,
|
|
div.patroninfo h5,
|
|
#guarantorsearch {
|
|
margin-left: 0.5em;
|
|
}
|
|
fieldset.rows img,
|
|
span.required,
|
|
span.important
|
|
{
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
fieldset.rows div.hint
|
|
{
|
|
margin-right:1em;
|
|
margin-left:0;
|
|
}
|
|
|
|
div#header_search
|
|
{
|
|
margin-right:200px;
|
|
}
|
|
|
|
ul
|
|
{
|
|
padding-left: 0;
|
|
padding-right: 1.1em;
|
|
}
|
|
|
|
#login
|
|
{
|
|
left: 0.5em;
|
|
}
|
|
|
|
#koha_url
|
|
{
|
|
left: 2em;
|
|
}
|
|
|
|
#login,
|
|
#koha_url
|
|
{
|
|
right:auto;
|
|
}
|
|
|
|
div.listgroup {
|
|
clear:right;
|
|
}
|
|
|
|
.holdcount
|
|
{
|
|
line-height: 150%;
|
|
}
|
|
|
|
|
|
/* Borders */
|
|
|
|
div#menu,
|
|
div.patroninfo ul,
|
|
div.patroninfo h5
|
|
{
|
|
border-left: 1px solid #000;
|
|
border-right: none;
|
|
}
|
|
|
|
#menu ul li.active a
|
|
{
|
|
border-right: 1px solid #000;
|
|
border-left: 0;
|
|
}
|
|
|
|
/* TODO - Can we find ways to avoid this? */
|
|
|
|
h1#logo,
|
|
#koha_url,
|
|
#login {
|
|
position: absolute;
|
|
}
|
|
|
|
/*
|
|
###############
|
|
new added for good rtl :
|
|
*/
|
|
.statictabs ul li {
|
|
background: none repeat scroll 0px 0px rgb(230, 240, 242);
|
|
border-top: 1px solid rgb(185, 216, 217);
|
|
border-right: 1px solid rgb(185, 216, 217);
|
|
border-left: 1px solid rgb(185, 216, 217);
|
|
-moz-border-top-colors: none;
|
|
-moz-border-right-colors: none;
|
|
-moz-border-bottom-colors: none;
|
|
-moz-border-left-colors: none;
|
|
border-image: none;
|
|
border-bottom: 0px none !important;
|
|
border-top-right-radius: 4px;
|
|
border-top-left-radius: 4px;
|
|
float: right;
|
|
list-style: none outside none;
|
|
margin-bottom: 0px;
|
|
margin-right: 0.4em;
|
|
padding: 0px;
|
|
position: relative;
|
|
white-space: nowrap;
|
|
top: 1px;
|
|
}
|
|
|
|
div.sysprefs div.hint {
|
|
width: 25%;
|
|
float: left;
|
|
padding: 0.5em;
|
|
margin: 0.7em;
|
|
}
|
|
div.subfield_line label {
|
|
font-size: 89%;
|
|
float: right;
|
|
width: 16em;
|
|
text-align: right;
|
|
clear: right;
|
|
}
|
|
|
|
ul#toplevelmenu {
|
|
padding: 0px;
|
|
float: right;
|
|
}
|
|
.navbar .nav.pull-right {
|
|
float: left;
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.navbar .nav > li {
|
|
float: right;
|
|
}
|
|
#cartmenulink {
|
|
padding-right: 25px;
|
|
}
|
|
|
|
fieldset.action {
|
|
float: right;
|
|
|
|
}
|
|
|
|
/***********************************************************/
|
|
|
|
|
|
#addbibliotabs .ui-tabs-panel {
|
|
float: right;
|
|
}
|
|
|
|
/*floating taps for marceditor and other taps plases */
|
|
.ui-tabs .ui-tabs-nav li {
|
|
float: right;
|
|
}
|
|
/*this is about the shadow image in the pref sidbar */
|
|
div#menu li a {
|
|
background: -moz-linear-gradient(right center , rgb(232, 240, 246) 0%, rgb(232, 240, 246) 96%, rgb(193, 193, 193) 100%) repeat scroll 0% 0% transparent; /*firefox 6*/
|
|
background: -webkit-gradient(linear, right top, right top, color-stop(0%,#e8f0f6), color-stop(96%,#e8f0f6), color-stop(100%,#c1c1c1)); /* Chrome,Safari4 */
|
|
background: -webkit-linear-gradient(right, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Chrome10,Safari5.1 */
|
|
background: -o-linear-gradient(right, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Opera11.10 */
|
|
background: -ms-linear-gradient(right, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* IE10 */
|
|
background: linear-gradient(right, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* W3C */
|
|
}
|
|
/*Z39 search botton */
|
|
|
|
#searchheader form.fz3950bigrpad {
|
|
float: left;
|
|
}
|
|
/*check bocks*/
|
|
p label, {
|
|
float: left;
|
|
}
|
|
|
|
.dropdown-menu {
|
|
position: absolute;
|
|
top: 100%;
|
|
left: -25px;
|
|
z-index: 1000;
|
|
display: none;
|
|
float: left;
|
|
min-width: 160px;
|
|
padding: 5px 0px;
|
|
margin: 2px 0px 0px;
|
|
list-style: none outside none;
|
|
background-color: rgb(255, 255, 255);
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
border-radius: 6px 6px 6px 6px;
|
|
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
|
|
background-clip: padding-box;
|
|
}
|
|
|
|
#user-menu {
|
|
left: 5px;
|
|
right: unset;
|
|
}
|
|
|
|
div.dt-buttons {
|
|
position: relative;
|
|
float: right;
|
|
}
|
|
|
|
#catalog-search-link {
|
|
border-right: 0;
|
|
border-left: 1px solid #fff;
|
|
padding-left: .3em;
|
|
}
|
|
|
|
#catalog-search-dropdown > a {
|
|
border-left: 0;
|
|
border-right: 1px solid #a3c8cf;
|
|
margin: 0;
|
|
padding: .4em .6em;
|
|
}
|
|
|
|
#catalog-search-dropdown > a.catalog-search-dropdown-hover,
|
|
#catalog-search-dropdown > a:hover {
|
|
border-left: 0;
|
|
border-right: 1px solid #82b4be;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
h1#logo {
|
|
float: none;
|
|
margin: auto;
|
|
position: relative;
|
|
}
|
|
|
|
div#header_search {
|
|
margin-right: 0;
|
|
}
|
|
|
|
#user-menu .open .dropdown-menu {
|
|
float: left;
|
|
left: 0;
|
|
min-width: 160px;
|
|
margin: 2px 0px 0px;
|
|
position: absolute;
|
|
right: auto;
|
|
top: 100%;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.navbar .nav > li {
|
|
float: none;
|
|
}
|
|
|
|
}
|