const substyle = defaultStyle({
style: {
position: "relative",
overflowY: "visible",
input: {
display: "block",
position: "absolute",
top: 0,
boxSizing: "border-box",
backgroundColor: "transparent",
width: "inherit",
},
'&multiLine': {
input: {
width: "100%",
height: "100%",
bottom: 0,
overflow: "hidden",
resize: "none",
// fix weird textarea padding in mobile Safari (see: http://stackoverflow.com/questions/6890149/remove-3-pixels-in-ios-webkit-textarea)
...(isMobileSafari ? {
marginTop: 1,
marginLeft: -3,
} : null)
}
}
}
});
import React from 'react';
import substyle from 'substyle';
import DelayRender from './react-delay-render';
function LoadingIndicator({ style }) {
return (
<div className="mentions-suggestions__loading-container">
<div className="mentions-suggestions__sm-spin">
</div>
</div>
);
};
export default DelayRender({ delay: 1000 })(substyle(LoadingIndicator));
import React from 'react'
import substyle from 'substyle'
function LoadingIndicator({ style }) {
const spinnerStyle = style('spinner')
return (
<div {...style}>
<div {...spinnerStyle}>
<div {...spinnerStyle(['element', 'element1'])} />
<div {...spinnerStyle(['element', 'element2'])} />
<div {...spinnerStyle(['element', 'element3'])} />
<div {...spinnerStyle(['element', 'element4'])} />
<div {...spinnerStyle(['element', 'element5'])} />
</div>
</div>
)
}
export default substyle(LoadingIndicator)