@magicgol/polyjuice 0.33.4 → 0.33.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magicgol/polyjuice",
-  "version": "0.33.4",
+  "version": "0.33.7",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/src/components/components/filter-option/FilterOption.vue

@@ -6,7 +6,10 @@
     <div class="p-2">
       <slot></slot>
     </div>
-    <div class="mg-filter-option-circle d-flex align-items-center justify-content-center bg-white rounded-circle">
+    <div
+      class="mg-filter-option-circle d-flex align-items-center justify-content-center bg-white rounded-circle"
+      @click="onClick"
+    >
       <svgicon name="x"></svgicon>
     </div>
   </div>
@@ -23,6 +26,12 @@ export default {
       };
     }
   },
+
+  methods: {
+    onClick () {
+      this.$emit('click');
+    }
+  }
 };
 </script>
 
@@ -39,6 +48,7 @@ export default {
     height: 2rem;
 
     &-circle {
+      cursor: pointer;
       height: 1.5rem;
       width: 1.5rem;
 

package/src/components/content/list/head/ListHead.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     class="text-uppercase pb-2 px-2"
-    :class="[classes, {'d-flex align-items-center': active, 'justify-content-center text-center': alignCenter}]"
+    :class="[classes, {'d-flex align-items-center': active, 'justify-content-center text-center': alignCenter, 'justify-content-start text-left': !alignCenter}]"
   >
     <div><slot></slot></div>
     <svgicon

package/src/components/context/footballer/list/footballer-list-body/FootballerListBody.vue

@@ -6,7 +6,7 @@
   >
     <div class="d-flex align-items-center h-100 rounded">
       <div
-        class="p-0 pl-3 py-2"
+        class="p-0 pl-2 py-2 text-left"
         :class="firstColClass"
       >
         <slot name="first-col"></slot>
@@ -26,7 +26,7 @@
       </div>
       <div
         v-if="actionsColVisibility"
-        class="p-0 pr-3 text-center"
+        class="p-0 pr-2 text-center"
         :class="actionsColClass"
       >
         <slot name="actions"></slot>
@@ -94,7 +94,7 @@ export default {
       return 'col-' + ((this.secondColVisibility ? 8 : 10) - this.actionsCol);
     },
     thirdColClass () {
-      return this.actionsColVisibility ? 'col-2' : 'col-3 pr-3'
+      return this.actionsColVisibility ? 'col-2' : 'col-3'
     }
   },
 

package/src/components/form/checkbox/checkbox/Checkbox.vue

@@ -17,7 +17,10 @@
     <span class="mg-checkbox-check align-middle d-inline-block position-relative"></span>
     <!-- end of THE SQUARE -->
     <!-- TEXT AS LABEL -->
-    <span class="align-middle pl-2">
+    <span
+      v-if="slotVisibility"
+      class="align-middle pl-2"
+    >
       <slot></slot>
     </span>
     <!-- end of TEXT AS LABEL -->
@@ -48,6 +51,9 @@ export default {
         'mg-checkbox': true,
         'mg-checkbox--disabled': this.disabled,
       };
+    },
+    slotVisibility() {
+      return 'default' in this.$slots && !!this.$slots.default;
     }
   },
 };

package/src/components/modal/selection-box/SelectionBox.vue

@@ -23,13 +23,6 @@
 export default {
   name: 'mg-selection-box',
 
-  props: {
-    stretched: {
-      type: Boolean,
-      default: false
-    }
-  },
-
   computed: {
     classes() {
       return {
@@ -42,8 +35,6 @@ export default {
 
 <style lang="scss">
   .mg-selection-box {
-    height: 7.5rem;
-
     &-shadow {
       height: 7.5rem;
     }