Bug 31803: "remove from cart" button displayed even if not in cart

This patch modifies CSS related to the "Remove from cart" button
associated with bibligraphic record views. A change in specificity of
buttons made by Bug 30952 made it so that the button was no longer
hidden correctly.

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).

- Locate a bibliographic record in the staff interface and view the
  detail page.
- In the toolbar you should see an "Add to cart" button but not a
  "Remove from cart" button.
- The buttons should correctly toggle on and off as you add and remove
  the title from the cart.

Signed-off-by: David Nind <david@davidnind.com>

Signed-off-by: Katrin Fischer <katrin.fischer@bsz-bw.de>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
This commit is contained in:
Owen Leonard 2022-10-20 10:55:06 +00:00 committed by Tomas Cohen Arazi
parent af4b05bffb
commit 3b2d96cef7
Signed by: tomascohen
GPG key ID: 0A272EA1B2F3C15F

View file

@ -22,51 +22,53 @@
z-index: 100;
}
a.addtocart {
display: block;
}
a.cartRemove {
padding: 6px 12px;
font-size: 12px;
display: none;
}
a.addtocart.incart {
display: none;
}
a.cartRemove.incart {
display: block;
}
.btn.btn-default {
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
padding: 6px 12px;
box-shadow: none;
border-radius: 4px;
user-select: none;
font-size: 100%;
background-color: transparent;
border: 0;
display: inline-block;
color: #696969;
&:hover, &:focus {
text-decoration: none;
background-color: #DADADA;
color: #696969;
.btn {
&.btn-default {
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
padding: 6px 12px;
}
&:active {
box-shadow: none;
border-radius: 4px;
user-select: none;
font-size: 100%;
background-color: transparent;
border: 0;
display: inline-block;
color: #696969;
&:hover, &:focus {
text-decoration: none;
background-color: #DADADA;
color: #696969;
padding: 6px 12px;
}
&:active {
border: 0;
}
&.addtocart {
display: block;
&.incart {
display: none;
}
}
&.cartRemove {
padding: 6px 12px;
font-size: 12px;
display: none;
&.incart {
display: block;
}
}
}
}
}