diff --git a/app/javascript/controllers/user_row_cell_controller.js b/app/javascript/controllers/user_row_cell_controller.js index 1e75b2a29..3d549db13 100644 --- a/app/javascript/controllers/user_row_cell_controller.js +++ b/app/javascript/controllers/user_row_cell_controller.js @@ -12,6 +12,7 @@ export default class extends Controller { const html = await response.text(); if (response.ok) { window.Turbo.renderStreamMessage(html); + this.element.style.padding = "0px" } } } diff --git a/app/javascript/stylesheets/components/_form.scss b/app/javascript/stylesheets/components/_form.scss index 0492f7929..080c09b21 100644 --- a/app/javascript/stylesheets/components/_form.scss +++ b/app/javascript/stylesheets/components/_form.scss @@ -137,3 +137,45 @@ top: 5px; } } + +.edit-row-attribute { + height: 50px; + background: white; + border: 1px solid $light-grey; + display: flex; + align-items: center; + margin-left: 0px !important; + padding-right: 5px !important; + + .input-group, input[type=text] { + border: none; + height: 100%; + } + + .edit-buttons { + width: 45px; + display: flex; + justify-content: space-between; + align-items: center; + margin-left: 0px !important; + + button { + color: white; + border: none; + border-radius: 100%; + width: 20px; + height: 20px; + display: flex; + justify-content: center; + align-items: center; + } + + button:first-child { + background: $dark-blue; + } + + button:last-child { + background: $orange; + } + } +} \ No newline at end of file diff --git a/app/views/user_list_uploads/user_list_uploads/_edit_row_attribute.html.erb b/app/views/user_list_uploads/user_list_uploads/_edit_row_attribute.html.erb index 5c62dbfd2..47cd166b7 100644 --- a/app/views/user_list_uploads/user_list_uploads/_edit_row_attribute.html.erb +++ b/app/views/user_list_uploads/user_list_uploads/_edit_row_attribute.html.erb @@ -7,6 +7,7 @@ controller: "user-row-cell", action: "turbo:submit-start->user-row-cell#setLoading" }, + class: 'edit-row-attribute', method: :patch ) do |form| %>
@@ -15,16 +16,19 @@ <% else %> <%= form.text_field "user_row[#{attribute}]", value: user_row.user.send(attribute), - class: "form-control" %> + class: "form-control", + autofocus: true %> <% end %> - +
+ - + +
<% end %>