Koha/koha-tmpl/intranet-tmpl/prog/css/right-to-left.css
Owen Leonard 8262613b25
Bug 13614: Replace usage of YUI on basket groups page
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>
2022-06-07 09:32:17 -03:00

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;
}
}