D3662.diff
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

D3662.diff
View Options

	diff --git a/web/modals/threads/color-selector.css b/web/modals/threads/color-selector.css
	new file mode 100644
	--- /dev/null
	+++ b/web/modals/threads/color-selector.css
	@@ -0,0 +1,14 @@
	+div.container {
	+ display: flex;
	+ flex-direction: column;
	+ width: 100%;
	+}
	+
	+div.row {
	+ display: flex;
	+ flex-direction: row;
	+ align-items: center;
	+ justify-content: space-between;
	+ width: 100%;
	+ padding: 6px 0;
	+}
	diff --git a/web/modals/threads/color-selector.react.js b/web/modals/threads/color-selector.react.js
	new file mode 100644
	--- /dev/null
	+++ b/web/modals/threads/color-selector.react.js
	@@ -0,0 +1,29 @@
	+// @flow
	+
	+import * as React from 'react';
	+
	+import ColorSelectorButton from './color-selector-button.react';
	+import css from './color-selector.css';
	+
	+function ColorSelector(): React.Node {
	+ return (
	+ <div className={css.container}>
	+ <div className={css.row}>
	+ <ColorSelectorButton color="#4B87AA" active={true} />
	+ <ColorSelectorButton color="#5C9F5F" active={false} />
	+ <ColorSelectorButton color="#B8753D" active={false} />
	+ <ColorSelectorButton color="#AA4B4B" active={false} />
	+ <ColorSelectorButton color="#6D49AB" active={false} />
	+ </div>
	+ <div className={css.row}>
	+ <ColorSelectorButton color="#C85000" active={false} />
	+ <ColorSelectorButton color="#008F83" active={false} />
	+ <ColorSelectorButton color="#648CAA" active={false} />
	+ <ColorSelectorButton color="#57697F" active={false} />
	+ <ColorSelectorButton color="#575757" active={false} />
	+ </div>
	+ </div>
	+ );
	+}
	+
	+export default ColorSelector;