Commit ea5d5b59 authored by Matt Vanderpol's avatar Matt Vanderpol

Use SVG image for “add” icon.

parent cfae5d0e
Pipeline #34716743 passed with stages
in 34 minutes and 46 seconds
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg"><g stroke="#999" stroke-width=".952" fill="none" fill-rule="evenodd"><path d="M12.73 23.204v-6.247H6.443v-4.279h6.287V6.443h4.227v6.235h6.286v4.279h-6.286v6.234z"/><circle cx="14.83" cy="14.83" r="14.348"/></g></svg>
\ No newline at end of file
......@@ -22,7 +22,6 @@ var CategoryRoiCalculator = {
this.setupAddToolSupport();
},
setupAddToolSupport: function() {
$('.js-competitor-dropdown').append('<span class="add-tool js-roi-calculator-add-tool">+</span>');
$(document).on('click', '.js-roi-calculator-add-tool', this.handleAddToolClick.bind(this));
},
handleAddToolClick: function(event) {
......
......@@ -68,6 +68,8 @@ extra_js:
%li
%img{src: competitor.logo}
= competitor.name
%span.add-tool.js-roi-calculator-add-tool
= partial "images/icons/add.svg"
.toolchain-cost-field
$
%input.toolchain-input.js-roi-calculator-input{ type: "number", value: 1000, step: 0.01, name: "#{category_key}_cost" }
......
......@@ -98,15 +98,8 @@ $lt-border-style: 1px solid $color-gray-extra-light;
position: absolute;
right: -35px;
top: 50%;
border: $lt-border-style;
border-radius: 50%;
display: flex;
width: 30px;
height: 30px;
align-items: center;
justify-content: center;
font-size: 30px;
font-weight: bold;
transform: translatey(-50%);
cursor: pointer;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment