aboutsummaryrefslogtreecommitdiff
path: root/src/client/util/TooltipTextMenu.scss
diff options
context:
space:
mode:
authorStanley Yip <33562077+yipstanley@users.noreply.github.com>2019-03-08 00:13:13 -0500
committerGitHub <noreply@github.com>2019-03-08 00:13:13 -0500
commitc0d9d7fbac952329d97ddc5c6f96fb02d9ab42f3 (patch)
tree6464cd134b322bb3f56900112064f3a2c8b26a5b /src/client/util/TooltipTextMenu.scss
parent5a1da11a5767899aac2f1bfac6d33e0ee5d47c9e (diff)
parenta25c7e5e436d772afe4b28300fc6999a78f7bba6 (diff)
Merge pull request #44 from browngraphicslab/improveText
tooltip text editor
Diffstat (limited to 'src/client/util/TooltipTextMenu.scss')
-rw-r--r--src/client/util/TooltipTextMenu.scss54
1 files changed, 54 insertions, 0 deletions
diff --git a/src/client/util/TooltipTextMenu.scss b/src/client/util/TooltipTextMenu.scss
new file mode 100644
index 000000000..fa43f5326
--- /dev/null
+++ b/src/client/util/TooltipTextMenu.scss
@@ -0,0 +1,54 @@
+
+.tooltipMenu {
+ position: absolute;
+ z-index: 20;
+ background: rgb(19, 18, 18);
+ border: 1px solid silver;
+ border-radius: 4px;
+ padding: 2px 10px;
+ margin-bottom: 7px;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+}
+
+.tooltipMenu:before {
+ content: "";
+ height: 0; width: 0;
+ position: absolute;
+ left: 50%;
+ margin-left: -5px;
+ bottom: -6px;
+ border: 5px solid transparent;
+ border-bottom-width: 0;
+ border-top-color: silver;
+ }
+ .tooltipMenu:after {
+ content: "";
+ height: 0; width: 0;
+ position: absolute;
+ left: 50%;
+ margin-left: -5px;
+ bottom: -4.5px;
+ border: 5px solid transparent;
+ border-bottom-width: 0;
+ border-top-color: black;
+ }
+
+ .menuicon {
+ display: inline-block;
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
+ //color: rgb(19, 18, 18);
+ color: white;
+ line-height: 1;
+ padding: 0px 2px;
+ margin: 1px;
+ cursor: pointer;
+ text-align: center;
+ min-width: 10px;
+ }
+ .strong, .heading { font-weight: bold; }
+ .em { font-style: italic; }
+ .underline {text-decoration: underline}
+ .superscript {vertical-align:super}
+ .subscript { vertical-align:sub }
+ .strikethrough {text-decoration-line:line-through} \ No newline at end of file