aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/DocumentLinksButton.scss
diff options
context:
space:
mode:
authoranika-ahluwalia <anika.ahluwalia@gmail.com>2020-06-24 19:48:22 -0500
committeranika-ahluwalia <anika.ahluwalia@gmail.com>2020-06-24 19:48:22 -0500
commit168a1da54016636ff17c23160510e2b6f713e10f (patch)
tree90094abc08e2d6848cdf8a526dedb1613b7cf320 /src/client/views/nodes/DocumentLinksButton.scss
parent161d71258b636178f3e160dc66143d5df1ebb5ed (diff)
parentfb69ecbbb00ae9f784ee8519729651299049cd86 (diff)
Merge branch 'master' of https://github.com/browngraphicslab/Dash-Web into anika_schema_view
Diffstat (limited to 'src/client/views/nodes/DocumentLinksButton.scss')
-rw-r--r--src/client/views/nodes/DocumentLinksButton.scss51
1 files changed, 51 insertions, 0 deletions
diff --git a/src/client/views/nodes/DocumentLinksButton.scss b/src/client/views/nodes/DocumentLinksButton.scss
new file mode 100644
index 000000000..b4c59b91c
--- /dev/null
+++ b/src/client/views/nodes/DocumentLinksButton.scss
@@ -0,0 +1,51 @@
+@import "../globalCssVariables.scss";
+
+
+.documentLinksButton-button-empty:hover {
+ background: $main-accent;
+ transform: scale(1.05);
+ cursor: pointer;
+}
+
+.documentLinksButton-button-nonempty:hover {
+ background: $main-accent;
+ transform: scale(1.05);
+ cursor: pointer;
+}
+
+.documentLinksButton-button,
+.documentLinksButton-button-empty,
+.documentLinksButton-button-nonempty {
+ height: 20px;
+ width: 20px;
+ left: -15px;
+ position: absolute;
+ border-radius: 50%;
+ opacity: 0.9;
+ pointer-events: auto;
+ color: black;
+ text-transform: uppercase;
+ letter-spacing: 2px;
+ font-size: 75%;
+ transition: transform 0.2s;
+ text-align: center;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ &:hover {
+ background: $main-accent;
+ transform: scale(1.05);
+ cursor: pointer;
+ }
+}
+.documentLinksButton-button-nonempty {
+ background-color: $link-color;
+}
+.documentLinksButton-button-empty {
+ border: red solid 2px;
+}
+.documentLinksButton-button {
+ border: red solid 2px;
+ background-color: rgba(255, 192, 203, 0.5);
+} \ No newline at end of file