aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/DocumentLinksButton.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/nodes/DocumentLinksButton.scss')
-rw-r--r--src/client/views/nodes/DocumentLinksButton.scss34
1 files changed, 16 insertions, 18 deletions
diff --git a/src/client/views/nodes/DocumentLinksButton.scss b/src/client/views/nodes/DocumentLinksButton.scss
index 0f3eb14bc..6da0b73ba 100644
--- a/src/client/views/nodes/DocumentLinksButton.scss
+++ b/src/client/views/nodes/DocumentLinksButton.scss
@@ -1,8 +1,9 @@
-@import "../global/globalCssVariables.scss";
+@import '../global/globalCssVariables.scss';
.documentLinksButton-wrapper {
transform-origin: top left;
width: 100%;
+ height: 100%;
}
.documentLinksButton-menu {
@@ -21,6 +22,16 @@
position: absolute;
}
+.documentLinksButton-showCount {
+ position: absolute;
+ border-radius: 50%;
+ opacity: 0.9;
+ pointer-events: auto;
+ display: flex;
+ align-items: center;
+ background-color: $light-blue;
+ color: black;
+}
.documentLinksButton,
.documentLinksButton-endLink,
.documentLinksButton-startLink {
@@ -34,6 +45,7 @@
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10px;
+ transform-origin: top left;
transition: transform 0.2s;
text-align: center;
display: flex;
@@ -46,13 +58,10 @@
cursor: pointer;
}
}
-
.documentLinksButton {
background-color: $dark-gray;
color: $white;
font-weight: bold;
- width: 80%;
- height: 80%;
font-size: 100%;
font-family: 'Roboto';
transition: 0.2s ease all;
@@ -61,31 +70,20 @@
background-color: $black;
}
}
-
.documentLinksButton.startLink {
background-color: $medium-blue;
+ width: 75%;
+ height: 75%;
color: $white;
font-weight: bold;
- width: 80%;
- height: 80%;
font-size: 100%;
transition: 0.2s ease all;
-
- &:hover {
- background-color: $black;
- }
}
.documentLinksButton-endLink {
border: $medium-blue 2px dashed;
color: $medium-blue;
background-color: none !important;
- width: 80%;
- height: 80%;
font-size: 100%;
transition: 0.2s ease all;
-
- &:hover {
- background-color: $light-blue;
- }
-} \ No newline at end of file
+}