Mailspring/internal_packages/preferences/lib/tabs/preferences-signatures.cjsx
Ben Gotow ed2a5c90d9 feat(preferences): WIP Preferences panel
Summary:
Things still to come:
- General tab
- Signatures tab (potentially remove and land)

Adding emacs things to gitignore

Adding progress. iterating on html/css is incredibly painful

Added layout for accounts page.

Adding layout for appearance page

layout for shortcuts preferences page

adding layount for notifications menu

Adding signatures layout

WIP

WIP - tab switching, accounts tab

WIP ALL THE THINGS

Keymap template support (Gmail / outlook, etc.)

Test Plan: No tests atm

Reviewers: evan

Differential Revision: https://phab.nylas.com/D1890
2015-08-14 15:40:11 -07:00

53 lines
1.6 KiB
CoffeeScript

React = require 'react'
_ = require 'underscore'
{RetinaImg, Flexbox} = require 'nylas-component-kit'
class PreferencesSignatures extends React.Component
@displayName: 'PreferencesSignatures'
render: =>
<div className="container-signatures">
<div className="section-signaturces">
<div className="section-title">
Signatures
</div>
<div className="section-body">
<Flexbox direction="row" style={alignItems: "top"}>
<div style={flex: 2}>
<div className="menu">
<ul className="menu-items">
<li>Personal</li>
<li>Corporate</li>
</ul>
</div>
<div className="menu-footer">
<div className="menu-horizontal">
<ul className="menu-items">
<li>+</li>
<li>-</li>
</ul>
</div>
</div>
</div>
<div style={flex: 5}>
<div className="signature-area">
Signature
</div>
<div className="signature-footer">
<button className="edit-html-button btn">Edit HTML</button>
<div className="menu-horizontal">
<ul className="menu-items">
<li><b>B</b></li>
<li><i>I</i></li>
<li><u>u</u></li>
</ul>
</div>
</div>
</div>
</Flexbox>
</div>
</div>
</div>
module.exports = PreferencesSignatures