Add searchability support
This commit is contained in:
parent
a2e674af51
commit
af20b1d2aa
43 changed files with 716 additions and 65 deletions
|
@ -5,7 +5,6 @@ import IconButton from '../../../components/icon_button';
|
|||
import Overlay from 'react-overlays/Overlay';
|
||||
import { supportsPassiveEvents } from 'detect-passive-events';
|
||||
import classNames from 'classnames';
|
||||
import Icon from 'mastodon/components/icon';
|
||||
|
||||
const messages = defineMessages({
|
||||
add_expiration: { id: 'status.expiration.add', defaultMessage: 'Set status expiration' },
|
||||
|
@ -108,7 +107,7 @@ class ExpirationDropdownMenu extends React.PureComponent {
|
|||
<div style={{ ...style }} role='listbox' ref={this.setRef}>
|
||||
{items.map(item => (
|
||||
<div role='option' tabIndex='0' key={item.value} data-index={item.value} onKeyDown={this.handleKeyDown} onClick={this.handleClick} className={classNames('privacy-dropdown__option', { active: item.value === value })} aria-selected={item.value === value} ref={item.value === value ? this.setFocusRef : null}>
|
||||
<div className='privacy-dropdown__option__content'>
|
||||
<div className='expiration-dropdown__option__content'>
|
||||
<strong>{item.text}</strong>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -229,10 +228,10 @@ class ExpirationDropdown extends React.PureComponent {
|
|||
const { open, placement } = this.state;
|
||||
|
||||
return (
|
||||
<div className={classNames('privacy-dropdown', placement, { active: open })} onKeyDown={this.handleKeyDown}>
|
||||
<div className={classNames('privacy-dropdown__value')} ref={this.setTargetRef}>
|
||||
<div className={classNames('expiration-dropdown', placement, { active: open })} onKeyDown={this.handleKeyDown}>
|
||||
<div className={classNames('expiration-dropdown__value')} ref={this.setTargetRef}>
|
||||
<IconButton
|
||||
className='privacy-dropdown__value-icon'
|
||||
className='expiration-dropdown__value-icon'
|
||||
icon='clock-o'
|
||||
title={intl.formatMessage(messages.add_expiration)}
|
||||
size={18}
|
||||
|
@ -250,7 +249,7 @@ class ExpirationDropdown extends React.PureComponent {
|
|||
<Overlay show={open} placement={'bottom'} flip target={this.findTarget} container={container} popperConfig={{ strategy: 'fixed', onFirstUpdate: this.handleOverlayEnter }}>
|
||||
{({ props, placement }) => (
|
||||
<div {...props}>
|
||||
<div className={`dropdown-animation privacy-dropdown__dropdown ${placement}`}>
|
||||
<div className={`dropdown-animation expiration-dropdown__dropdown ${placement}`}>
|
||||
<ExpirationDropdownMenu
|
||||
items={this.options}
|
||||
value={value}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue