mirror of
https://github.com/Foundry376/Mailspring.git
synced 2025-09-14 08:35:29 +08:00
fix(composer-buttons): Fix broken icons on overflow, make buttons wrap
This commit is contained in:
parent
32862ad951
commit
097bc94cd7
3 changed files with 11 additions and 4 deletions
|
@ -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
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
.popover-container {
|
||||
display:inline-block;
|
||||
position:relative;
|
||||
white-space: nowrap; // prevent dropdown arrow from wrapping when space constrained
|
||||
}
|
||||
|
||||
.popover {
|
||||
|
|
Loading…
Add table
Reference in a new issue