about summary refs log tree commit diff
path: root/app/javascript/mastodon/components/column_header.js
diff options
context:
space:
mode:
authorりんすき <6533808+rinsuki@users.noreply.github.com>2017-10-26 22:52:48 +0900
committerunarist <m.unarist@gmail.com>2017-10-26 22:52:48 +0900
commitd556be2968641c265360297fd268a24119c68670 (patch)
tree24767399cdd0eea638a733ebcfa73b6fe60ef795 /app/javascript/mastodon/components/column_header.js
parent4f337c020a7ca7a77086af5021c9c152fa1f07fc (diff)
Fix column design broken with very long title (#5493)
* Fix #5314

* fix not beautiful code

* fix broken design with mobile view

* remove no longer needed code
Diffstat (limited to 'app/javascript/mastodon/components/column_header.js')
-rw-r--r--app/javascript/mastodon/components/column_header.js4
1 files changed, 3 insertions, 1 deletions
diff --git a/app/javascript/mastodon/components/column_header.js b/app/javascript/mastodon/components/column_header.js
index e4fa8fa7a..80a8fbdb3 100644
--- a/app/javascript/mastodon/components/column_header.js
+++ b/app/javascript/mastodon/components/column_header.js
@@ -137,7 +137,9 @@ export default class ColumnHeader extends React.PureComponent {
       <div className={wrapperClassName}>
         <h1 tabIndex={focusable ? 0 : null} role='button' className={buttonClassName} aria-label={title} onClick={this.handleTitleClick}>
           <i className={`fa fa-fw fa-${icon} column-header__icon`} />
-          {title}
+          <span className='column-header__title'>
+            {title}
+          </span>
 
           <div className='column-header__buttons'>
             {backButton}