Ver código fonte

resolve css modules

Yuki Takei 9 anos atrás
pai
commit
4e19f767c6

+ 0 - 3
packages/growi-plugin-lsx/src/client-entry.js

@@ -2,9 +2,6 @@ import { LsxPreRenderInterceptor } from './resource/js/util/Interceptor/LsxPreRe
 import { LsxPostRenderInterceptor } from './resource/js/util/Interceptor/LsxPostRenderInterceptor';
 
 export default (crowi, crowiRenderer) => {
-  // import css
-  require('./resource/css/index.css');
-
   // add interceptors
   crowi.interceptorManager.addInterceptors([
     new LsxPreRenderInterceptor(crowi),

+ 1 - 1
packages/growi-plugin-lsx/src/resource/css/index.css

@@ -1,4 +1,4 @@
-.lsx-blink {
+.lsxBlink {
   animation: lsx-fadeIn 1s ease 0s infinite alternate;
 }
 

+ 3 - 1
packages/growi-plugin-lsx/src/resource/js/components/Lsx.jsx

@@ -1,5 +1,7 @@
 import React from 'react';
 
+import styles from '../../css/index.css';
+
 import { LsxContext } from '../util/LsxContext';
 import { LsxCacheHelper } from '../util/LsxCacheHelper';
 
@@ -68,7 +70,7 @@ export class Lsx extends React.Component {
       return (
         <div className="text-muted">
           <i className="fa fa-spinner fa-pulse fa-fw"></i>
-          <span className="lsx-blink">{lsxContext.tagExpression}</span>
+          <span className={styles.lsxBlink}>{lsxContext.tagExpression}</span>
         </div>
       );
     }