Delete old scss

client/src/css/AttentionConnectorControls.scss

@@ -2,6 +2,10 @@
 	font-weight: 800
 }
 
+#connector-container {
+	margin: 20px 20px 20px 20px;
+}
+
 .connector-controls {
 	display: grid;
 	grid-template-columns: 0.5fr 0.5fr;

client/src/css/CorpusVis.css

@@ -1,125 +0,0 @@
-#corpus-vis {
-  margin: 0 auto;
-  /* Tooltip container */
-  /* Tooltip text */
-  /* Show the tooltip text when you mouse over the tooltip container */
-  /* Add little arrow to box */
-}
-
-#corpus-vis #main-corpus-vis {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-#corpus-vis #main-corpus-vis #corpus-mat-container {
-  -webkit-box-flex: initial;
-      -ms-flex: initial;
-          flex: initial;
-  vertical-align: top;
-  float: left;
-}
-
-#corpus-vis #main-corpus-vis #corpus-mat-container .corpus-mat {
-  display: inline-block;
-  margin-right: 0.05em;
-  margin-left: 0.05em;
-}
-
-#corpus-vis #main-corpus-vis #corpus-mat-container .offset-0 {
-  border: 0.2em solid black;
-}
-
-#corpus-vis #main-corpus-vis #corpus-mat-container .mat-hover-display {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  position: absolute;
-  visibility: hidden;
-  background-color: #c8c8c8;
-  border-radius: 8px 8px 1px 8px;
-  margin: auto;
-}
-
-#corpus-vis #main-corpus-vis #corpus-mat-container .mat-hover-display p {
-  margin: auto;
-}
-
-#corpus-vis #main-corpus-vis #corpus-similar-sentences-div {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
-  vertical-align: top;
-  float: left;
-  max-width: 80%;
-  max-height: 100%;
-}
-
-#corpus-vis #main-corpus-vis #corpus-similar-sentences-div .hovered-col {
-  color: orange;
-}
-
-#corpus-vis .btn {
-  margin-left: 0.25em;
-}
-
-#corpus-vis .inspector-row {
-  display: block;
-  margin-left: 10px;
-  padding-top: 0.5em;
-  padding-bottom: 0.5em;
-}
-
-#corpus-vis .inspector-cell {
-  display: inline-block;
-  margin-right: 3px;
-  text-align: left;
-}
-
-#corpus-vis .celltooltip {
-  position: relative;
-  display: inline-block;
-  border-bottom: 1px dotted black;
-  /* If you want dots under the hoverable text */
-}
-
-#corpus-vis .celltooltip .tooltiptext {
-  visibility: hidden;
-  width: 120px;
-  background-color: black;
-  color: #fff;
-  text-align: center;
-  padding: 5px 0;
-  border-radius: 6px;
-  /* Position the tooltip text - see examples below! */
-  position: absolute;
-}
-
-#corpus-vis .celltooltip:hover .tooltiptext {
-  width: 120px;
-  bottom: 100%;
-  left: 50%;
-  margin-left: -60px;
-  /* Use half of the width (120/2 = 60), to center the tooltip */
-  visibility: visible;
-}
-
-#corpus-vis .celltooltip .tooltiptext::after {
-  content: " ";
-  position: absolute;
-  top: 100%;
-  /* At the bottom of the tooltip */
-  left: 50%;
-  margin-left: -5px;
-  border-width: 5px;
-  border-style: solid;
-  border-color: black transparent transparent transparent;
-}
-
-#corpus-vis .matched-cell {
-  border-style: solid;
-  border-color: rgba(128, 0, 128, 0.7);
-  border-width: 3px;
-  border-radius: 0.4em;
-}
-/*# sourceMappingURL=CorpusVis.css.map */

client/src/css/CorpusVis.css.map

@@ -1,9 +0,0 @@
-{
-    "version": 3,
-    "mappings": "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",
-    "sources": [
-        "CorpusVis.scss"
-    ],
-    "names": [],
-    "file": "CorpusVis.css"
-}

client/src/css/CorpusVis.scss

@@ -1,127 +0,0 @@
-#corpus-vis {
-  margin: 0 auto;
-
-  #main-corpus-vis {
-    display: -webkit-flex;
-    display: flex;
-
-    #corpus-mat-container {
-      -webkit-flex: initial;
-      flex: initial;
-      vertical-align: top;
-      float: left;
-
-      .corpus-mat {
-        display: inline-block;
-        margin-right: 0.05em;
-        margin-left: 0.05em;
-      }
-
-      .offset-0 {
-        border: 0.2em solid black;
-      }
-
-      .mat-hover-display {
-        pointer-events: none;
-        display: flex;
-        position: absolute;
-        visibility: hidden;
-        background-color: rgba(200, 200, 200, 1);
-        border-radius: 8px 8px 1px 8px;
-        margin: auto;
-        p {
-          margin: auto;
-        }
-      }
-    }
-
-    #corpus-similar-sentences-div {
-      -webkit-flex: 1;
-      flex: 1;
-      vertical-align: top;
-      float: left;
-      max-width: 80%;
-      max-height: 100%;
-
-      .hovered-col {
-        color: orange;
-      }
-    }
-  }
-
-  .btn {
-    margin-left: 0.25em;
-  }
-
-  .inspector-row {
-    display: block;
-    margin-left: 10px;
-    padding-top: 0.5em;
-    padding-bottom: 0.5em;
-  }
-
-  .inspector-cell {
-    display: inline-block;
-    margin-right: 3px;
-    text-align: left;
-  }
-
-  /* Tooltip container */
-  .celltooltip {
-    position: relative;
-    display: inline-block;
-    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
-  }
-
-  /* Tooltip text */
-  .celltooltip .tooltiptext {
-    visibility: hidden;
-    width: 120px;
-    background-color: black;
-    color: #fff;
-    text-align: center;
-    padding: 5px 0;
-    border-radius: 6px;
-
-    /* Position the tooltip text - see examples below! */
-    position: absolute;
-  }
-
-  /* Show the tooltip text when you mouse over the tooltip container */
-  .celltooltip:hover .tooltiptext {
-    width: 120px;
-    bottom: 100%;
-    left: 50%;
-    margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
-    visibility: visible;
-  }
-
-  /* Add little arrow to box */
-  .celltooltip .tooltiptext::after {
-    content: " ";
-    position: absolute;
-    top: 100%; /* At the bottom of the tooltip */
-    left: 50%;
-    margin-left: -5px;
-    border-width: 5px;
-    border-style: solid;
-    border-color: black transparent transparent transparent;
-  }
-
-  .matched-cell {
-    border-style: solid;
-    border-color: rgb(153, 196, 0);
-    border-width: 3px;
-    border-radius: 0.4em;
-  }
-
-  .gray-cell {
-    color: rgba(0, 0, 0, 0.35);
-  }
-  .next-cell {
-    color: rgba(228, 1, 1, 0.8);
-    -moz-box-shadow: 0 0 3px #ccc;
-    -webkit-box-shadow: 0 0 3px #ccc;
-    box-shadow: 0 0 3px #ccc;
-  }
-}

client/src/css/Histograms.css

@@ -1,22 +0,0 @@
-#histograms {
-  display: block;
-  max-width: 100%;
-}
-
-#histograms .histogram {
-  display: inline-block;
-  overflow-x: auto;
-}
-
-#histograms div {
-  margin-top: 10px;
-}
-
-#histograms #max-att-histogram .bar {
-  fill: black;
-}
-
-.pos-selector {
-  margin-bottom: 40px;
-}
-/*# sourceMappingURL=Histograms.css.map */

client/src/css/Histograms.css.map

@@ -1,9 +0,0 @@
-{
-    "version": 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",
-    "sources": [
-        "Histograms.scss"
-    ],
-    "names": [],
-    "file": "Histograms.css"
-}

client/src/css/Histograms.scss

@@ -1,31 +0,0 @@
-
-
-#histograms {
-    display: block;
-    max-width: 100%;
-
-    .histogram {
-      display: inline-block;
-      overflow-x: auto;
-    }
-    
-    div {
-      margin-top: 10px;
-    }
-
-    #matched-histogram { 
-      .bar {
-
-       }
-    }
-  
-    #max-att-histogram { 
-      .bar {
-          fill: black;
-      }
-    }
-  }
-
-  .pos-selector {
-    margin-bottom: 40px;
-  }

client/src/css/SentenceInput.scss

@@ -18,6 +18,7 @@
             input {
                 // flex-grow: 4;
                 width: 100%;
+                max-width: 200px;
                 margin-right: 5%;
             }
         }

client/src/css/main.scss

@@ -30,39 +30,6 @@ body {
   max-height: 100vh;
 }
 
-.left-half {
-  grid-column-start: 1;
-  grid-column-end: 4;
-  margin-left: 10px;
-  margin-right: 10px;
-}
-
-.vpartial-90 {
-  max-height: 90vh;
-}
-
-.vpartial-95 {
-  max-height: 95vh;
-}
-
-.right-half {
-  grid-column-start: 5;
-  grid-column-end: 9;
-  max-height: 98vh;
-}
-
-.vertical-separator {
-  border-left: thick solid #42222298;
-  margin: 0 auto;
-  margin-top: 10px;
-  margin-bottom: 10px;
-  border-radius: 3px;
-  grid-column-start: 4;
-  grid-column-end: 5;
-  grid-row-start: 1;
-  grid-row-end: 5;
-}
-
 #vis-break {
   height: 15px;
 }
@@ -71,10 +38,6 @@ label {
   margin-left: 5px;
 }
 
-// header {
-//   font-size: 2em;
-// }
-
 #header {
   width: 100%;
   background-color: lightgray;
@@ -113,25 +76,6 @@ label {
   background: rgba(152, 83, 216, 0.8);
 }
 
-#meta-dropdown {
-  margin-bottom: 0.75em;
-  margin-left: 4em;
-}
-
-#position-meta-dropdown {
-  margin-bottom: 0.75em;
-  margin-left: 4em;
-}
-
-
-#corpus-control-buttons {
-  margin-bottom: 1em;
-  position: fixed relative;
-  span {
-    margin-left:5px;
-  }
-}
-
 #selected-heads {
   margin-bottom: 1em;
 }