Add some global css classes

This commit is contained in:
Chi Vinh Le
2017-09-05 02:22:10 +07:00
parent a722456359
commit a5acf8ba82
7 changed files with 47 additions and 14 deletions
@@ -2,13 +2,14 @@ import React from 'react';
import Menu from './Menu';
import styles from './AuthorName.css';
import {ClickOutside} from 'plugin-api/beta/client/components';
import cn from 'classnames';
export default ({data, root, asset, comment, contentSlot, menuVisible, toggleMenu, hideMenu}) => {
return (
<ClickOutside onClickOutside={hideMenu}>
<div className={styles.root}>
<div className={cn(styles.root, 'talk-plugin-author-menu')}>
<button
className={styles.button}
className={cn(styles.button, 'talk-plugin-author-menu-button')}
onClick={toggleMenu}
>
<span className={styles.name}>
@@ -1,11 +1,12 @@
import React from 'react';
import styles from './Menu.css';
import {Slot} from 'plugin-api/beta/client/components';
import cn from 'classnames';
export default ({data, root, asset, comment, contentSlot}) => {
if (contentSlot) {
return (
<div className={styles.menu}>
<div className={cn(styles.menu, 'talk-plugin-author-menu-popup')}>
<Slot
fill={contentSlot}
data={data}
@@ -16,14 +17,15 @@ export default ({data, root, asset, comment, contentSlot}) => {
}
return (
<div className={styles.menu}>
<div className={cn(styles.menu, 'talk-plugin-author-menu-popup')}>
<Slot
className={cn('talk-plugin-author-menu-infos')}
fill={'authorMenuInfos'}
data={data}
queryData={{asset, root, comment}}
/>
<Slot
className={styles.actions}
className={cn(styles.actions, 'talk-plugin-author-menu-actions')}
fill={'authorMenuActions'}
data={data}
queryData={{asset, root, comment}}