aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/collections/CollectionFreeFormView.scss
diff options
context:
space:
mode:
authorEleanor Eng <eleanor_eng@brown.edu>2019-03-12 17:44:11 -0400
committerEleanor Eng <eleanor_eng@brown.edu>2019-03-12 17:44:11 -0400
commit96dc0349945974a5f1c0b1329ec035dcb9dfde0e (patch)
tree2a8bae2138aa0772dd34701443d61f82855662be /src/client/views/collections/CollectionFreeFormView.scss
parent1f038048612e01d0ada6deb9ff2a056cb8d13702 (diff)
parent618e66a5a070f1aac9224bd3f44b76a5ac314bfa (diff)
working submenu; dimensions now relative to vw, vh
Diffstat (limited to 'src/client/views/collections/CollectionFreeFormView.scss')
-rw-r--r--src/client/views/collections/CollectionFreeFormView.scss61
1 files changed, 52 insertions, 9 deletions
diff --git a/src/client/views/collections/CollectionFreeFormView.scss b/src/client/views/collections/CollectionFreeFormView.scss
index d583a8218..d487cd7ce 100644
--- a/src/client/views/collections/CollectionFreeFormView.scss
+++ b/src/client/views/collections/CollectionFreeFormView.scss
@@ -1,22 +1,47 @@
.collectionfreeformview-container {
- ::-webkit-scrollbar {
- -webkit-appearance: none;
- width: 10px;
+ .collectionfreeformview > .jsx-parser{
+ position:absolute;
+ height: 100%;
+ width: 100%;
}
- ::-webkit-scrollbar-thumb {
- border-radius: 5px;
- background-color: rgba(0,0,0,.5);
+
+ border-style: solid;
+ box-sizing: border-box;
+ position: relative;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ .collectionfreeformview {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width:100%;
+ height: 100%;
}
-
+}
+.collectionfreeformview-marquee{
+ border-style: dashed;
+ box-sizing: border-box;
+ position: absolute;
+ border-width: 1px;
+ border-color: black;
+}
+.collectionfreeformview-overlay {
+
.collectionfreeformview > .jsx-parser{
position:absolute;
height: 100%;
}
+ .formattedTextBox-cont {
+ background:yellow;
+ }
border-style: solid;
box-sizing: border-box;
- position: relative;
+ position: absolute;
top: 0;
left: 0;
width: 100%;
@@ -27,6 +52,24 @@
top: 0;
left: 0;
width:100%;
- height: 100%
+ height: 100%;
}
+}
+
+.border {
+ border-style: solid;
+ box-sizing: border-box;
+ width: 100%;
+ height: 100%;
+}
+
+//this is an animation for the blinking cursor!
+@keyframes blink {
+ 0% {opacity: 0}
+ 49%{opacity: 0}
+ 50% {opacity: 1}
+}
+
+#prevCursor {
+ animation: blink 1s infinite;
} \ No newline at end of file