aboutsummaryrefslogtreecommitdiff
path: root/src/client/views
diff options
context:
space:
mode:
authormonikahedman <monika_hedman@brown.edu>2019-08-15 16:44:57 -0400
committermonikahedman <monika_hedman@brown.edu>2019-08-15 16:44:57 -0400
commit7e4aacb09e8c80a3452ca24145b1f094170a897b (patch)
tree98e80a42185c90f00155c6246aea1cedbde7515e /src/client/views
parentc03db1feedd7fac944985894aa17709c4d7e3f5b (diff)
cleaning up
Diffstat (limited to 'src/client/views')
-rw-r--r--src/client/views/GlobalKeyHandler.ts2
-rw-r--r--src/client/views/MainOverlayTextBox.tsx3
-rw-r--r--src/client/views/nodes/WebBox.scss75
-rw-r--r--src/client/views/nodes/WebBox.tsx4
4 files changed, 4 insertions, 80 deletions
diff --git a/src/client/views/GlobalKeyHandler.ts b/src/client/views/GlobalKeyHandler.ts
index f55953bd4..833bacedb 100644
--- a/src/client/views/GlobalKeyHandler.ts
+++ b/src/client/views/GlobalKeyHandler.ts
@@ -181,8 +181,6 @@ export default class KeyManager {
break;
case "a":
case "v":
- this.printClipboard();
- break;
case "x":
case "c":
stopPropagation = false;
diff --git a/src/client/views/MainOverlayTextBox.tsx b/src/client/views/MainOverlayTextBox.tsx
index f315b6d59..b14a1e0ea 100644
--- a/src/client/views/MainOverlayTextBox.tsx
+++ b/src/client/views/MainOverlayTextBox.tsx
@@ -60,20 +60,17 @@ export class MainOverlayTextBox extends React.Component<MainOverlayTextBoxProps>
return new Transform(-sxf.translateX, -sxf.translateY, 1 / sxf.scale);
};
this.setTextDoc(box.props.fieldKey, box.CurrentDiv, xf, BoolCast(box.props.Document.autoHeight, false) || box.props.height === "min-content");
- console.log("makin text doc?")
}
else {
this.TextDoc = undefined;
this.TextDataDoc = undefined;
this.setTextDoc();
- console.log("deletin text doc?")
}
});
}
@action
private setTextDoc(textFieldKey?: string, div?: HTMLDivElement, tx?: () => Transform, autoHeight?: boolean) {
- console.log("what is going on")
if (this._textTargetDiv) {
this._textTargetDiv.style.color = this._textColor;
}
diff --git a/src/client/views/nodes/WebBox.scss b/src/client/views/nodes/WebBox.scss
index c37f08eca..07774263c 100644
--- a/src/client/views/nodes/WebBox.scss
+++ b/src/client/views/nodes/WebBox.scss
@@ -52,91 +52,20 @@
padding-bottom: 10px;
overflow: hidden;
- .collectionViewBaseChrome {
+ .editorBase {
display: flex;
- .collectionViewBaseChrome-viewPicker {
- font-size: 75%;
- text-transform: uppercase;
- letter-spacing: 2px;
- background: rgb(238, 238, 238);
- color: grey;
- outline-color: black;
- border: none;
- padding: 12px 10px 11px 10px;
- margin-left: 50px;
- }
-
- .collectionViewBaseChrome-viewPicker:active {
- outline-color: black;
- }
-
- .collectionViewBaseChrome-collapse {
+ .editor-collapse {
transition: all .5s, opacity 0.3s;
position: absolute;
width: 40px;
transform-origin: top left;
- // margin-top: 10px;
- }
-
- .collectionViewBaseChrome-viewSpecs {
- margin-left: 10px;
- display: grid;
-
-
-
- .collectionViewBaseChrome-viewSpecsMenu {
- overflow: hidden;
- transition: height .5s, display .5s;
- position: absolute;
- top: 60px;
- z-index: 100;
- display: flex;
- flex-direction: column;
- background: rgb(238, 238, 238);
- box-shadow: grey 2px 2px 4px;
-
- .qs-datepicker {
- left: unset;
- right: 0;
- }
-
- .collectionViewBaseChrome-viewSpecsMenu-row {
- display: grid;
- grid-template-columns: 150px 200px 150px;
- margin-top: 10px;
- margin-right: 10px;
-
- .collectionViewBaseChrome-viewSpecsMenu-rowLeft,
- .collectionViewBaseChrome-viewSpecsMenu-rowMiddle,
- .collectionViewBaseChrome-viewSpecsMenu-rowRight {
- font-size: 75%;
- letter-spacing: 2px;
- color: grey;
- margin-left: 10px;
- padding: 5px;
- border: none;
- outline-color: black;
- }
- }
-
- .collectionViewBaseChrome-viewSpecsMenu-lastRow {
- display: grid;
- grid-template-columns: 1fr 1fr 1fr;
- grid-gap: 10px;
- margin: 10px;
- }
- }
}
}
button:hover {
transform: scale(1);
}
-
- .collectionStackingViewChrome-sectionFilter:hover {
- cursor: text;
- }
}
}
diff --git a/src/client/views/nodes/WebBox.tsx b/src/client/views/nodes/WebBox.tsx
index 91170e99a..0a4af7318 100644
--- a/src/client/views/nodes/WebBox.tsx
+++ b/src/client/views/nodes/WebBox.tsx
@@ -73,8 +73,8 @@ export class WebBox extends React.Component<FieldViewProps> {
return (
<div className="webView-urlEditor" style={{ top: this.collapsed ? -70 : 0 }}>
<div className="urlEditor">
- <div className="collectionViewBaseChrome">
- <button className="collectionViewBaseChrome-collapse"
+ <div className="editorBase">
+ <button className="editor-collapse"
style={{
top: this.collapsed ? 70 : 10,
transform: `rotate(${this.collapsed ? 180 : 0}deg) scale(${this.collapsed ? 0.5 : 1}) translate(${this.collapsed ? "-100%, -100%" : "0, 0"})`,