Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2025-02-21 22:54:11 +08:00
Code Issues Projects Releases Packages Wiki Activity

change styles to center injected thread icons on rows

Browse source
This commit is contained in:
Drew Regitsky 2015-09-21 18:17:05 -07:00
parent cb165bc91b
commit 48bf2183ed
2 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
internal_packages/thread-list/lib/thread-list.cjsx
View file

@ -70,15 +70,16 @@ class ThreadList extends React.Component
c1 = new ListTabular.Column c1 = new ListTabular.Column
name: "★" name: "★"
resolver: (thread) => resolver: (thread) =>
<span> [
<ThreadListIcon thread={thread} /> <ThreadListIcon thread={thread} />
<MailImportantIcon thread={thread} /> <MailImportantIcon thread={thread} />
<InjectedComponentSet <InjectedComponentSet
inline={true} inline={true}
containersRequired={false} containersRequired={false}
matching={role: "ThreadListIcon"} matching={role: "ThreadListIcon"}
className="thread-injected-icons"
exposedProps={thread: thread}/> exposedProps={thread: thread}/>
</span> ]
c2 = new ListTabular.Column c2 = new ListTabular.Column
name: "Participants" name: "Participants"

9
internal_packages/thread-list/stylesheets/thread-list.less
View file

@ -163,14 +163,17 @@
.inverseContent; .inverseContent;
} }
.thread-injected-icons {
vertical-align: top;
line-height: 26px;
}
.thread-icon { .thread-icon {
width:15px; width:26px;
height:15px; height:26px;
background-size: 15px; background-size: 15px;
display:inline-block; display:inline-block;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position:center; background-position:center;
padding:12px;
&.thread-icon-attachment { &.thread-icon-attachment {
background-image:url(../static/images/thread-list/icon-attachment-@2x.png); background-image:url(../static/images/thread-list/icon-attachment-@2x.png);