-
diff --git a/src/components/mdTable/mdTableHead.vue b/src/components/mdTable/mdTableHead.vue
index 5f7b6be..064f9cb 100644
--- a/src/components/mdTable/mdTableHead.vue
+++ b/src/components/mdTable/mdTableHead.vue
@@ -1,6 +1,6 @@
-
+
arrow_downward
@@ -8,6 +8,8 @@
{{ mdTooltip }}
+
+
|
diff --git a/src/core/components/mdInkRipple/index.js b/src/core/components/mdInkRipple/index.js
index 0746349..7ff9d81 100644
--- a/src/core/components/mdInkRipple/index.js
+++ b/src/core/components/mdInkRipple/index.js
@@ -1,120 +1,5 @@
-import 'scopedQuerySelectorShim/dist/scopedQuerySelectorShim';
import mdInkRipple from './mdInkRipple.vue';
export default function install(Vue) {
- let rippleParentClass = 'md-ink-ripple';
- let rippleClass = 'md-ripple';
- let rippleActiveClass = 'md-active';
- let registeredMouseFunction;
- let referenceElement;
-
- let unregisterMouseEvent = (el = referenceElement) => {
- el.removeEventListener('mousedown', registeredMouseFunction);
- };
-
- let registerMouseEvent = (element, holder) => {
- if (holder) {
- let ripple = holder.querySelector(':scope > .' + rippleParentClass + '> .' + rippleClass);
-
- if (ripple) {
- registeredMouseFunction = (event) => {
- let rect = holder.getBoundingClientRect();
-
- event.stopPropagation();
-
- ripple.classList.remove(rippleActiveClass);
-
- let top = event.pageY - rect.top - ripple.offsetHeight / 2 - document.body.scrollTop;
- let left = event.pageX - rect.left - ripple.offsetWidth / 2 - document.body.scrollLeft;
-
- ripple.style.top = top + 'px';
- ripple.style.left = left + 'px';
-
- ripple.classList.add(rippleActiveClass);
- };
-
- element.removeEventListener('mousedown', registeredMouseFunction);
- element.addEventListener('mousedown', registeredMouseFunction);
- }
- }
- };
-
- let createElement = (ripple, className, size) => {
- ripple = document.createElement('div');
- ripple.className = className;
-
- if (size) {
- ripple.style.width = size;
- ripple.style.height = size;
- }
-
- return ripple;
- };
-
- let checkAvailablePositions = (element) => {
- let availablePositions = ['relative', 'absolute', 'fixed'];
-
- return availablePositions.indexOf(getComputedStyle(element).position) > -1;
- };
-
- let getClosestParent = (element) => {
- let found = false;
- let parent = element;
-
- if (!element) {
- return false;
- }
-
- if (checkAvailablePositions(element)) {
- return element;
- }
-
- while (!found) {
- parent = parent.parentNode;
-
- if (!parent || parent.tagName.toLowerCase() === 'body') {
- break;
- }
-
- if (parent && checkAvailablePositions(parent)) {
- found = parent;
- }
- }
-
- return found;
- };
-
- let createRipple = (element, currentRipple) => {
- let holder = getClosestParent(element);
-
- if (holder) {
- let ripple = holder.querySelector(':scope > .' + rippleParentClass + '> .' + rippleClass);
-
- if (!ripple) {
- let elementSize = Math.round(Math.max(holder.offsetWidth, holder.offsetHeight)) + 'px';
- let rippleParent = currentRipple || createElement(ripple, rippleParentClass);
- let rippleElement = createElement(ripple, rippleClass, elementSize);
-
- rippleParent.appendChild(rippleElement);
- holder.appendChild(rippleParent);
- }
-
- if (holder !== element || !ripple) {
- referenceElement = element;
- registerMouseEvent(element, holder);
- }
- }
- };
-
- Vue.directive('mdInkRipple', function(el, bindings) {
- Vue.nextTick(() => {
- if (!bindings.value) {
- createRipple(el);
- } else {
- unregisterMouseEvent(el);
- }
- });
- });
-
Vue.component('md-ink-ripple', Vue.extend(mdInkRipple));
}
diff --git a/src/core/components/mdInkRipple/mdInkRipple.scss b/src/core/components/mdInkRipple/mdInkRipple.scss
index 9891b0b..f62b793 100644
--- a/src/core/components/mdInkRipple/mdInkRipple.scss
+++ b/src/core/components/mdInkRipple/mdInkRipple.scss
@@ -21,14 +21,14 @@
transition: none;
will-change: background-color, opacity, transform, width, height, top, left;
- &.md-fadeout {
- opacity: 0;
- transition: $swift-ease-out;
- transition-duration: .6s;
- }
-
&.md-active {
animation: ripple 1s $swift-ease-out-timing-function forwards;
+
+ &.md-fadeout {
+ opacity: 0 !important;
+ transition: $swift-ease-out;
+ transition-duration: .6s;
+ }
}
}
+
+