Make larger part of status clickable (#23621)
This commit is contained in:
		
							parent
							
								
									2c3c734bcc
								
							
						
					
					
						commit
						62c4aecf8f
					
				| @ -160,6 +160,7 @@ class Status extends ImmutablePureComponent { | ||||
| 
 | ||||
|     if (e) { | ||||
|       e.preventDefault(); | ||||
|       e.stopPropagation(); | ||||
|     } | ||||
| 
 | ||||
|     this._openProfile(proper); | ||||
| @ -510,8 +511,8 @@ class Status extends ImmutablePureComponent { | ||||
|           {prepend} | ||||
| 
 | ||||
|           <div className={classNames('status', `status-${status.get('visibility')}`, { 'status-reply': !!status.get('in_reply_to_id'), muted: this.props.muted })} data-id={status.get('id')}> | ||||
|             <div className='status__info'> | ||||
|               <a onClick={this.handleClick} href={`/@${status.getIn(['account', 'acct'])}/${status.get('id')}`} className='status__relative-time' target='_blank' rel='noopener noreferrer'> | ||||
|             <div onClick={this.handleClick} className='status__info'> | ||||
|               <a href={`/@${status.getIn(['account', 'acct'])}/${status.get('id')}`} className='status__relative-time' target='_blank' rel='noopener noreferrer'> | ||||
|                 <span className='status__visibility-icon'><Icon id={visibilityIcon.icon} title={visibilityIcon.text} /></span> | ||||
|                 <RelativeTimestamp timestamp={status.get('created_at')} />{status.get('edited_at') && <abbr title={intl.formatMessage(messages.edited, { date: intl.formatDate(status.get('edited_at'), { hour12: false, year: 'numeric', month: 'short', day: '2-digit', hour: '2-digit', minute: '2-digit' }) })}> *</abbr>} | ||||
|               </a> | ||||
|  | ||||
| @ -1200,11 +1200,12 @@ body > [data-popper-placement] { | ||||
| 
 | ||||
| .status__info { | ||||
|   font-size: 15px; | ||||
|   margin-bottom: 10px; | ||||
|   padding-bottom: 10px; | ||||
|   display: flex; | ||||
|   align-items: center; | ||||
|   justify-content: space-between; | ||||
|   gap: 10px; | ||||
|   cursor: pointer; | ||||
| } | ||||
| 
 | ||||
| .status-check-box__status { | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user