slightly darker remove button

lineupjs · Apr 14, 2020 · 7132a1a · 7132a1a
1 parent 9f5598c
commit 7132a1a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/styles/_dialogs.scss b/src/styles/_dialogs.scss
@@ -102,6 +102,10 @@
     float: right;
     color: darken($lu_toolbar_color_base, 20%); // slightly darker primary action
   }
+
+  &[title=Remove] {
+    color: darken($lu_toolbar_color_base, 20%); // slightly darker primary action
+  }
 }
 
 .#{$lu_css_prefix}-dialog-sub-nested {

diff --git a/src/ui/dialogs/MappingLineDialog.ts b/src/ui/dialogs/MappingLineDialog.ts
@@ -39,7 +39,7 @@ export default class MappingLineDialog extends ADialog {
   build(node: HTMLElement) {
     const domain = this.adapter.domain();
     node.insertAdjacentHTML('beforeend', `
-        <button class="${cssClass('dialog-button')} lu-action-remove" type="button" ${this.line.frozen ? 'style="display: none"' : ''} ><span style="margin-left: 3px">Remove Mapping Line</span></button>
+        <button class="${cssClass('dialog-button')} lu-action-remove" title="Remove" type="button" ${this.line.frozen ? 'style="display: none"' : ''} ><span style="margin-left: 3px">Remove Mapping Line</span></button>
         <strong>Input Domain Value (min ... max)</strong>
         <input type="number" value="${round(this.adapter.unnormalizeRaw(this.line.domain), 3)}" ${this.line.frozen ? 'readonly disabled' : ''} autofocus required min="${domain[0]}" max="${domain[1]}" step="any">
         <strong>Output Normalized Value (0 ... 1)</strong>