Update ordering and color scheme

livebook-dev · Nov 24, 2023 · 45b3473 · 45b3473
1 parent d37c7a2
commit 45b3473
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/lib/assets/data_transform_cell/main.css b/lib/assets/data_transform_cell/main.css
@@ -56,9 +56,9 @@
   --beige-200: #F8EBE4;
   --beige-600: #EDCDBB;
 
-  --indigo-100: #e0e7ff;
-  --indigo-200: #c7d2fe;
-  --indigo-600: #4e46e5;
+  --emerald-100: #d1fae5;
+  --emerald-200: #a7f3d0;
+  --emerald-600: #059669;
 }
 
 p,
@@ -544,7 +544,7 @@ select option {
 }
 
 .card.select:before {
-  background-color: var(--indigo-600);
+  background-color: var(--emerald-600);
 }
 
 .operations.filters {
@@ -576,7 +576,7 @@ select option {
 }
 
 .operations.select {
-  border-left: solid 3px var(--indigo-600);
+  border-left: solid 3px var(--emerald-600);
 }
 
 .card {
@@ -618,7 +618,7 @@ select option {
 }
 
 .card.select{
-  background-color: var(--indigo-100);
+  background-color: var(--emerald-100);
 }
 
 .dndrop-draggable-wrapper:last-child > .operations {
@@ -789,7 +789,7 @@ select option {
 
 .switch-button-checkbox.select:checked {
   background: white;
-  border-color: var(--indigo-600);
+  border-color: var(--emerald-600);
   transform: translateX(100%);
 }
 
@@ -826,7 +826,7 @@ select option {
 }
 
 .switch-button-checkbox.select:checked + .switch-button-bg {
-  background-color: var(--indigo-600);
+  background-color: var(--emerald-600);
 }
 
 .switch-button-checkbox:disabled {
@@ -871,7 +871,7 @@ select option {
 
 .switch-button-checkbox.select:disabled {
   background: white;
-  border-color: var(--indigo-100);
+  border-color: var(--emerald-100);
 }
 
 .switch-button-checkbox:disabled + .switch-button-bg {
@@ -907,7 +907,7 @@ select option {
 }
 
 .switch-button-checkbox.select:disabled + .switch-button-bg {
-  background-color: var(--indigo-200);
+  background-color: var(--emerald-200);
 }
 
 .switch-lg .switch-button {

diff --git a/lib/assets/data_transform_cell/main.js b/lib/assets/data_transform_cell/main.js
@@ -695,7 +695,6 @@ export async function init(ctx, payload) {
             </div>
             <div class="add-operation">
               <BaseButton label="Discard" @add-operation="addOperation('discard')" :disabled="noDataFrame || noAvailableData"/>
-              <BaseButton label="Select" @add-operation="addOperation('select')" :disabled="noDataFrame || noAvailableData"/>
               <BaseButton label="Fill missing" @add-operation="addOperation('fill_missing')" :disabled="noDataFrame || noAvailableData"/>
               <BaseButton label="Filter" @add-operation="addOperation('filters')" :disabled="noDataFrame || noAvailableData"/>
               <BaseButton label="Group" @add-operation="addOperation('group_by')" :disabled="noDataFrame || noAvailableData"/>
@@ -704,6 +703,7 @@ export async function init(ctx, payload) {
                 label="Pivot wider"
                 @add-operation="addOperation('pivot_wider')"
               />
+              <BaseButton label="Select" @add-operation="addOperation('select')" :disabled="noDataFrame || noAvailableData"/>
               <BaseButton label="Sort" @add-operation="addOperation('sorting')" :disabled="noDataFrame || noAvailableData"/>
               <BaseButton label="Summarise" @add-operation="addOperation('summarise')" :disabled="noDataFrame ||noAvailableData"/>
             </div>