fix(composer-buttons): Fix broken icons on overflow, make buttons wrap

This commit is contained in:
Drew Regitsky 2016-02-25 12:07:52 -08:00
parent 32862ad951
commit 097bc94cd7
3 changed files with 11 additions and 4 deletions

View file

@ -429,10 +429,10 @@ class ComposerView extends React.Component
_renderActionsRegion: =>
return <div></div> unless @props.draftClientId
<InjectedComponentSet className="composer-action-bar-content"
<div className="composer-action-bar-content">
<InjectedComponentSet className="composer-action-bar-plugins"
matching={role: "Composer:ActionButton"}
exposedProps={draftClientId:@props.draftClientId, threadId: @props.threadId}>
exposedProps={draftClientId:@props.draftClientId, threadId: @props.threadId}></InjectedComponentSet>
<button className="btn btn-toolbar btn-trash" style={order: 100}
title="Delete draft"
@ -448,7 +448,7 @@ class ComposerView extends React.Component
ref="sendActionButton"
isValidDraft={@_isValidDraft} />
</InjectedComponentSet>
</div>
isForwardedMessage: =>
return false if not @_proxy

View file

@ -66,6 +66,7 @@ body.platform-win32 {
box-shadow: 0 0 0;
margin: 0;
padding: 0 9px;
white-space: nowrap;
img.content-mask {
background-color: fadeout(mix(@btn-default-text-color, @component-active-color, 88%), 30%);
@ -85,6 +86,7 @@ body.platform-win32 {
.btn-send {
margin-right: 10px;
white-space: nowrap;
}
.composer-action-bar-content {
@ -93,6 +95,10 @@ body.platform-win32 {
flex-direction:row;
max-width: @compose-width;
padding: 9px 22.5px;
.composer-action-bar-plugins {
flex-wrap: wrap;
}
}
}

View file

@ -4,6 +4,7 @@
.popover-container {
display:inline-block;
position:relative;
white-space: nowrap; // prevent dropdown arrow from wrapping when space constrained
}
.popover {