Commit 22016291e4df206dbca351d00ae033c952276ebe

Authored by vben
1 parent 0ec1a62e

fix(ripple): fix ripple style #211

src/directives/ripple/index.ts
@@ -72,9 +72,9 @@ function rippler({ @@ -72,9 +72,9 @@ function rippler({
72 const rippleContainer = document.createElement('div'); 72 const rippleContainer = document.createElement('div');
73 73
74 // Styles for ripple 74 // Styles for ripple
  75 + ripple.className = 'ripple';
75 76
76 Object.assign(ripple.style ?? {}, { 77 Object.assign(ripple.style ?? {}, {
77 - className: 'ripple',  
78 marginTop: '0px', 78 marginTop: '0px',
79 marginLeft: '0px', 79 marginLeft: '0px',
80 width: '1px', 80 width: '1px',
@@ -88,8 +88,8 @@ function rippler({ @@ -88,8 +88,8 @@ function rippler({
88 }); 88 });
89 89
90 // Styles for rippleContainer 90 // Styles for rippleContainer
  91 + rippleContainer.className = 'ripple-container';
91 Object.assign(rippleContainer.style ?? {}, { 92 Object.assign(rippleContainer.style ?? {}, {
92 - className: 'ripple-container',  
93 position: 'absolute', 93 position: 'absolute',
94 left: `${0 - border}px`, 94 left: `${0 - border}px`,
95 top: `${0 - border}px`, 95 top: `${0 - border}px`,