|
@@ -403,7 +403,7 @@ $(document).ready(function(){
|
|
|
<!-- rounded-0 border-0 -->
|
|
<!-- rounded-0 border-0 -->
|
|
|
<div class="card {{product.ort}} {{product.status}} {{product.frei}} {{product.altneu}} {% if product.frei == 'JAJA' %} mab-card-container-highlight {% endif %} ">
|
|
<div class="card {{product.ort}} {{product.status}} {{product.frei}} {{product.altneu}} {% if product.frei == 'JAJA' %} mab-card-container-highlight {% endif %} ">
|
|
|
<div id="product_{{product.pk}}_card" class="flipcard">
|
|
<div id="product_{{product.pk}}_card" class="flipcard">
|
|
|
- <div class="mab-card-face mab-card-face--front ">
|
|
|
|
|
|
|
+ <div class="mab-card-face mab-card-face--front toogle-overflow">
|
|
|
<!-- -->
|
|
<!-- -->
|
|
|
<div class="mab-card {{product.ort}} {{product.status}} {{product.frei}} {{product.altneu}} {% if product.frei == 'JAJA' %} mab-card-highlight {% endif %}" style="">
|
|
<div class="mab-card {{product.ort}} {{product.status}} {{product.frei}} {{product.altneu}} {% if product.frei == 'JAJA' %} mab-card-highlight {% endif %}" style="">
|
|
|
<a href="{% url 'product-detail' product.pk %}">
|
|
<a href="{% url 'product-detail' product.pk %}">
|
|
@@ -511,6 +511,7 @@ $(document).ready(function(){
|
|
|
|
|
|
|
|
let toggler = this.getAttribute("data-flip-card");
|
|
let toggler = this.getAttribute("data-flip-card");
|
|
|
$("#" + toggler ).toggleClass('is-flipped');
|
|
$("#" + toggler ).toggleClass('is-flipped');
|
|
|
|
|
+ $("#" + toggler + " .mab-card-face" ).toggleClass('toogle-overflow');
|
|
|
// $("#" + toggler ).toggleClass('toogle-overflow ');
|
|
// $("#" + toggler ).toggleClass('toogle-overflow ');
|
|
|
|
|
|
|
|
});
|
|
});
|
|
@@ -519,6 +520,7 @@ $(document).ready(function(){
|
|
|
|
|
|
|
|
let toggler = this.getAttribute("data-flip-card");
|
|
let toggler = this.getAttribute("data-flip-card");
|
|
|
$("#" + toggler ).toggleClass('is-flipped');
|
|
$("#" + toggler ).toggleClass('is-flipped');
|
|
|
|
|
+ $("#" + toggler + " .mab-card-face" ).toggleClass('toogle-overflow');
|
|
|
// $("#" + toggler ).toggleClass('toogle-overflow ');
|
|
// $("#" + toggler ).toggleClass('toogle-overflow ');
|
|
|
|
|
|
|
|
});
|
|
});
|