Adds "is" to greter and less than operators

Change operator selection dropdown width to accomodate change in text
concord-consortium · Jan 26, 2024 · 3bcdf7a · 3bcdf7a
1 parent 879972a
commit 3bcdf7a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/attribute-filter.scss b/src/components/attribute-filter.scss
@@ -208,13 +208,13 @@ table tr:nth-child(even) {
   }
 
   .filter-operator-selection-container {
-    width: 155px;
+    width: 165px;
     max-height: 190px;
     padding: 9px 12px 5px 9px;
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
     background-color: #fff;
     position: relative;
-    right: -22px;
+    right: -5px;
     top: -50px;
     box-sizing: border-box;
     overflow-y: auto;

diff --git a/src/types.ts b/src/types.ts
@@ -10,8 +10,8 @@ export interface AttrType {
 export type TOperators = "equals" | "doesNotEqual" | "greaterThan" | "greaterThanOrEqualTo" | "lessThan"
                             | "lessThanOrEqualTo" | "between" | "top" | "bottom" | "aboveMean" | "belowMean";
 
-export const operatorTextMap = {equals: "equals", doesNotEqual: "does not equal", greaterThan: "greater than", greaterThanOrEqualTo: "greater than or equal to",
-lessThan: "less than", lessThanOrEqualTo: "less than or equal to", between: "between", top: "top", bottom: "bottom",
+export const operatorTextMap = {equals: "equals", doesNotEqual: "does not equal", greaterThan: "is greater than", greaterThanOrEqualTo: "is greater than or equal to",
+lessThan: "is less than", lessThanOrEqualTo: "is less than or equal to", between: "between", top: "top", bottom: "bottom",
 aboveMean: "above mean", belowMean: "below mean"};
 export const operatorSymbolMap = {equals: "=", doesNotEqual: "≠", greaterThan: ">", greaterThanOrEqualTo: ">=", lessThan: "<", lessThanOrEqualTo: "<="};