bhoov commited on
Commit
b31a4aa
1 Parent(s): fe4a287

Delete old scss

Browse files
client/dist/main.js CHANGED
The diff for this file is too large to render. See raw diff
 
client/src/css/AttentionConnectorControls.scss CHANGED
@@ -2,6 +2,10 @@
2
  font-weight: 800
3
  }
4
 
 
 
 
 
5
  .connector-controls {
6
  display: grid;
7
  grid-template-columns: 0.5fr 0.5fr;
 
2
  font-weight: 800
3
  }
4
 
5
+ #connector-container {
6
+ margin: 20px 20px 20px 20px;
7
+ }
8
+
9
  .connector-controls {
10
  display: grid;
11
  grid-template-columns: 0.5fr 0.5fr;
client/src/css/CorpusVis.css DELETED
@@ -1,125 +0,0 @@
1
- #corpus-vis {
2
- margin: 0 auto;
3
- /* Tooltip container */
4
- /* Tooltip text */
5
- /* Show the tooltip text when you mouse over the tooltip container */
6
- /* Add little arrow to box */
7
- }
8
-
9
- #corpus-vis #main-corpus-vis {
10
- display: -webkit-box;
11
- display: -ms-flexbox;
12
- display: flex;
13
- }
14
-
15
- #corpus-vis #main-corpus-vis #corpus-mat-container {
16
- -webkit-box-flex: initial;
17
- -ms-flex: initial;
18
- flex: initial;
19
- vertical-align: top;
20
- float: left;
21
- }
22
-
23
- #corpus-vis #main-corpus-vis #corpus-mat-container .corpus-mat {
24
- display: inline-block;
25
- margin-right: 0.05em;
26
- margin-left: 0.05em;
27
- }
28
-
29
- #corpus-vis #main-corpus-vis #corpus-mat-container .offset-0 {
30
- border: 0.2em solid black;
31
- }
32
-
33
- #corpus-vis #main-corpus-vis #corpus-mat-container .mat-hover-display {
34
- display: -webkit-box;
35
- display: -ms-flexbox;
36
- display: flex;
37
- position: absolute;
38
- visibility: hidden;
39
- background-color: #c8c8c8;
40
- border-radius: 8px 8px 1px 8px;
41
- margin: auto;
42
- }
43
-
44
- #corpus-vis #main-corpus-vis #corpus-mat-container .mat-hover-display p {
45
- margin: auto;
46
- }
47
-
48
- #corpus-vis #main-corpus-vis #corpus-similar-sentences-div {
49
- -webkit-box-flex: 1;
50
- -ms-flex: 1;
51
- flex: 1;
52
- vertical-align: top;
53
- float: left;
54
- max-width: 80%;
55
- max-height: 100%;
56
- }
57
-
58
- #corpus-vis #main-corpus-vis #corpus-similar-sentences-div .hovered-col {
59
- color: orange;
60
- }
61
-
62
- #corpus-vis .btn {
63
- margin-left: 0.25em;
64
- }
65
-
66
- #corpus-vis .inspector-row {
67
- display: block;
68
- margin-left: 10px;
69
- padding-top: 0.5em;
70
- padding-bottom: 0.5em;
71
- }
72
-
73
- #corpus-vis .inspector-cell {
74
- display: inline-block;
75
- margin-right: 3px;
76
- text-align: left;
77
- }
78
-
79
- #corpus-vis .celltooltip {
80
- position: relative;
81
- display: inline-block;
82
- border-bottom: 1px dotted black;
83
- /* If you want dots under the hoverable text */
84
- }
85
-
86
- #corpus-vis .celltooltip .tooltiptext {
87
- visibility: hidden;
88
- width: 120px;
89
- background-color: black;
90
- color: #fff;
91
- text-align: center;
92
- padding: 5px 0;
93
- border-radius: 6px;
94
- /* Position the tooltip text - see examples below! */
95
- position: absolute;
96
- }
97
-
98
- #corpus-vis .celltooltip:hover .tooltiptext {
99
- width: 120px;
100
- bottom: 100%;
101
- left: 50%;
102
- margin-left: -60px;
103
- /* Use half of the width (120/2 = 60), to center the tooltip */
104
- visibility: visible;
105
- }
106
-
107
- #corpus-vis .celltooltip .tooltiptext::after {
108
- content: " ";
109
- position: absolute;
110
- top: 100%;
111
- /* At the bottom of the tooltip */
112
- left: 50%;
113
- margin-left: -5px;
114
- border-width: 5px;
115
- border-style: solid;
116
- border-color: black transparent transparent transparent;
117
- }
118
-
119
- #corpus-vis .matched-cell {
120
- border-style: solid;
121
- border-color: rgba(128, 0, 128, 0.7);
122
- border-width: 3px;
123
- border-radius: 0.4em;
124
- }
125
- /*# sourceMappingURL=CorpusVis.css.map */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
client/src/css/CorpusVis.css.map DELETED
@@ -1,9 +0,0 @@
1
- {
2
- "version": 3,
3
- "mappings": "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",
4
- "sources": [
5
- "CorpusVis.scss"
6
- ],
7
- "names": [],
8
- "file": "CorpusVis.css"
9
- }
 
 
 
 
 
 
 
 
 
 
client/src/css/CorpusVis.scss DELETED
@@ -1,127 +0,0 @@
1
- #corpus-vis {
2
- margin: 0 auto;
3
-
4
- #main-corpus-vis {
5
- display: -webkit-flex;
6
- display: flex;
7
-
8
- #corpus-mat-container {
9
- -webkit-flex: initial;
10
- flex: initial;
11
- vertical-align: top;
12
- float: left;
13
-
14
- .corpus-mat {
15
- display: inline-block;
16
- margin-right: 0.05em;
17
- margin-left: 0.05em;
18
- }
19
-
20
- .offset-0 {
21
- border: 0.2em solid black;
22
- }
23
-
24
- .mat-hover-display {
25
- pointer-events: none;
26
- display: flex;
27
- position: absolute;
28
- visibility: hidden;
29
- background-color: rgba(200, 200, 200, 1);
30
- border-radius: 8px 8px 1px 8px;
31
- margin: auto;
32
- p {
33
- margin: auto;
34
- }
35
- }
36
- }
37
-
38
- #corpus-similar-sentences-div {
39
- -webkit-flex: 1;
40
- flex: 1;
41
- vertical-align: top;
42
- float: left;
43
- max-width: 80%;
44
- max-height: 100%;
45
-
46
- .hovered-col {
47
- color: orange;
48
- }
49
- }
50
- }
51
-
52
- .btn {
53
- margin-left: 0.25em;
54
- }
55
-
56
- .inspector-row {
57
- display: block;
58
- margin-left: 10px;
59
- padding-top: 0.5em;
60
- padding-bottom: 0.5em;
61
- }
62
-
63
- .inspector-cell {
64
- display: inline-block;
65
- margin-right: 3px;
66
- text-align: left;
67
- }
68
-
69
- /* Tooltip container */
70
- .celltooltip {
71
- position: relative;
72
- display: inline-block;
73
- border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
74
- }
75
-
76
- /* Tooltip text */
77
- .celltooltip .tooltiptext {
78
- visibility: hidden;
79
- width: 120px;
80
- background-color: black;
81
- color: #fff;
82
- text-align: center;
83
- padding: 5px 0;
84
- border-radius: 6px;
85
-
86
- /* Position the tooltip text - see examples below! */
87
- position: absolute;
88
- }
89
-
90
- /* Show the tooltip text when you mouse over the tooltip container */
91
- .celltooltip:hover .tooltiptext {
92
- width: 120px;
93
- bottom: 100%;
94
- left: 50%;
95
- margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
96
- visibility: visible;
97
- }
98
-
99
- /* Add little arrow to box */
100
- .celltooltip .tooltiptext::after {
101
- content: " ";
102
- position: absolute;
103
- top: 100%; /* At the bottom of the tooltip */
104
- left: 50%;
105
- margin-left: -5px;
106
- border-width: 5px;
107
- border-style: solid;
108
- border-color: black transparent transparent transparent;
109
- }
110
-
111
- .matched-cell {
112
- border-style: solid;
113
- border-color: rgb(153, 196, 0);
114
- border-width: 3px;
115
- border-radius: 0.4em;
116
- }
117
-
118
- .gray-cell {
119
- color: rgba(0, 0, 0, 0.35);
120
- }
121
- .next-cell {
122
- color: rgba(228, 1, 1, 0.8);
123
- -moz-box-shadow: 0 0 3px #ccc;
124
- -webkit-box-shadow: 0 0 3px #ccc;
125
- box-shadow: 0 0 3px #ccc;
126
- }
127
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
client/src/css/Histograms.css DELETED
@@ -1,22 +0,0 @@
1
- #histograms {
2
- display: block;
3
- max-width: 100%;
4
- }
5
-
6
- #histograms .histogram {
7
- display: inline-block;
8
- overflow-x: auto;
9
- }
10
-
11
- #histograms div {
12
- margin-top: 10px;
13
- }
14
-
15
- #histograms #max-att-histogram .bar {
16
- fill: black;
17
- }
18
-
19
- .pos-selector {
20
- margin-bottom: 40px;
21
- }
22
- /*# sourceMappingURL=Histograms.css.map */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
client/src/css/Histograms.css.map DELETED
@@ -1,9 +0,0 @@
1
- {
2
- "version": 3,
3
- "mappings": "AAEA,AAAA,WAAW,CAAC;EACR,OAAO,EAAE,KAAK;EACd,SAAS,EAAE,IAAI;CAsBhB;;AAxBH,AAII,WAJO,CAIP,UAAU,CAAC;EACT,OAAO,EAAE,YAAY;EACrB,UAAU,EAAE,IAAI;CACjB;;AAPL,AASI,WATO,CASP,GAAG,CAAC;EACF,UAAU,EAAE,IAAI;CACjB;;AAXL,AAoBM,WApBK,CAmBP,kBAAkB,CAChB,IAAI,CAAC;EACD,IAAI,EAAE,KAAK;CACd;;AAIL,AAAA,aAAa,CAAC;EACZ,aAAa,EAAE,IAAI;CACpB",
4
- "sources": [
5
- "Histograms.scss"
6
- ],
7
- "names": [],
8
- "file": "Histograms.css"
9
- }
 
 
 
 
 
 
 
 
 
 
client/src/css/Histograms.scss DELETED
@@ -1,31 +0,0 @@
1
-
2
-
3
- #histograms {
4
- display: block;
5
- max-width: 100%;
6
-
7
- .histogram {
8
- display: inline-block;
9
- overflow-x: auto;
10
- }
11
-
12
- div {
13
- margin-top: 10px;
14
- }
15
-
16
- #matched-histogram {
17
- .bar {
18
-
19
- }
20
- }
21
-
22
- #max-att-histogram {
23
- .bar {
24
- fill: black;
25
- }
26
- }
27
- }
28
-
29
- .pos-selector {
30
- margin-bottom: 40px;
31
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
client/src/css/SentenceInput.scss CHANGED
@@ -18,6 +18,7 @@
18
  input {
19
  // flex-grow: 4;
20
  width: 100%;
 
21
  margin-right: 5%;
22
  }
23
  }
 
18
  input {
19
  // flex-grow: 4;
20
  width: 100%;
21
+ max-width: 200px;
22
  margin-right: 5%;
23
  }
24
  }
client/src/css/main.scss CHANGED
@@ -30,39 +30,6 @@ body {
30
  max-height: 100vh;
31
  }
32
 
33
- .left-half {
34
- grid-column-start: 1;
35
- grid-column-end: 4;
36
- margin-left: 10px;
37
- margin-right: 10px;
38
- }
39
-
40
- .vpartial-90 {
41
- max-height: 90vh;
42
- }
43
-
44
- .vpartial-95 {
45
- max-height: 95vh;
46
- }
47
-
48
- .right-half {
49
- grid-column-start: 5;
50
- grid-column-end: 9;
51
- max-height: 98vh;
52
- }
53
-
54
- .vertical-separator {
55
- border-left: thick solid #42222298;
56
- margin: 0 auto;
57
- margin-top: 10px;
58
- margin-bottom: 10px;
59
- border-radius: 3px;
60
- grid-column-start: 4;
61
- grid-column-end: 5;
62
- grid-row-start: 1;
63
- grid-row-end: 5;
64
- }
65
-
66
  #vis-break {
67
  height: 15px;
68
  }
@@ -71,10 +38,6 @@ label {
71
  margin-left: 5px;
72
  }
73
 
74
- // header {
75
- // font-size: 2em;
76
- // }
77
-
78
  #header {
79
  width: 100%;
80
  background-color: lightgray;
@@ -113,25 +76,6 @@ label {
113
  background: rgba(152, 83, 216, 0.8);
114
  }
115
 
116
- #meta-dropdown {
117
- margin-bottom: 0.75em;
118
- margin-left: 4em;
119
- }
120
-
121
- #position-meta-dropdown {
122
- margin-bottom: 0.75em;
123
- margin-left: 4em;
124
- }
125
-
126
-
127
- #corpus-control-buttons {
128
- margin-bottom: 1em;
129
- position: fixed relative;
130
- span {
131
- margin-left:5px;
132
- }
133
- }
134
-
135
  #selected-heads {
136
  margin-bottom: 1em;
137
  }
 
30
  max-height: 100vh;
31
  }
32
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
33
  #vis-break {
34
  height: 15px;
35
  }
 
38
  margin-left: 5px;
39
  }
40
 
 
 
 
 
41
  #header {
42
  width: 100%;
43
  background-color: lightgray;
 
76
  background: rgba(152, 83, 216, 0.8);
77
  }
78
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
79
  #selected-heads {
80
  margin-bottom: 1em;
81
  }