Add TextButton

Author: wmiipac

src/firefly/js/ui/TextButton.css

@@ -0,0 +1,20 @@
+
+.ff-MenuItem-linkButton {
+    padding: 5px;
+    -moz-border-radius: 0 0 5px 5px;
+    -webkit-border-radius: 0 0 5px 5px;
+    border-radius: 0 0 5px 5px;
+    background-color: rgba(245,245,245,.97);
+    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
+    -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
+    box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
+}
+
+.ff-MenuItem-linkButton .menuItemText {
+    font-size: 10pt;
+    line-height: 14pt;
+}
+
+.ff-MenuItem-linkButton .menuItemText:HOVER {
+    background-color: rgba(255,255,255,.97);
+}

src/firefly/js/ui/TextButton.jsx

@@ -0,0 +1,56 @@
+/*
+ * License information at https://github.com/Caltech-IPAC/firefly/blob/master/License.txt
+ */
+
+
+import React, {Component, PropTypes} from 'react';
+import './TextButton.css';
+
+const labelStyle= {
+    display: 'inline-block',
+    lineHeight: '30px',
+    fontSize: '10pt',
+    color: 'black',
+    verticalAlign:'baseline'
+};
+
+const messageStyle={
+    fontSize: '10pt',
+    lineHeight: '14pt'
+};
+
+/**
+ *
+ * @param text
+ * @param tip
+ * @param onClick
+ * @param style
+ * @return react object
+ */
+export function TextButton({text, tip='$text',style={}, onClick}) {
+    var s= Object.assign({cursor:'pointer', verticalAlign:'bottom'},style);
+    return (
+        <div style={s} title={tip} onClick={onClick}>
+
+            <div style={labelStyle} title={tip}>
+                <u>{text}</u>
+            </div>
+
+        </div>
+    );
+}
+
+
+//CloseButton.contextTypes= {
+//};
+
+
+TextButton.propTypes= {
+    text : PropTypes.string,
+    style : PropTypes.object,
+    tip : PropTypes.string,
+    onClick : PropTypes.func
+};
+
+
+