diff --git a/app/assets/stylesheets/steps/step.scss b/app/assets/stylesheets/steps/step.scss index 9bee92bff..579301a1f 100644 --- a/app/assets/stylesheets/steps/step.scss +++ b/app/assets/stylesheets/steps/step.scss @@ -92,6 +92,11 @@ justify-content: flex-end; flex-basis: 20%; + .disabled { + color: $color-silver-chalice; + pointer-events: none; + } + .dropdown-menu { white-space: nowrap; } @@ -135,11 +140,11 @@ .step-elements { padding-left: calc(var(--left-component-padding) * 2); + } - .step-element-grip-placeholder { - height: 24px; - width: 28px; - } + .step-element-grip-placeholder { + height: 24px; + width: 28px; } .comments-counter { @@ -242,6 +247,7 @@ font-weight: bold; width: 100%; + .step-element-number { display: inline-block; margin-right: 8px; @@ -300,6 +306,13 @@ .step-element-name { font-weight: normal; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + .step-element-name-placeholder { + color: $color-silver-chalice; } .fas { diff --git a/app/javascript/vue/protocol/container.vue b/app/javascript/vue/protocol/container.vue index 4c077cc87..a529a9d89 100644 --- a/app/javascript/vue/protocol/container.vue +++ b/app/javascript/vue/protocol/container.vue @@ -78,9 +78,12 @@ {{ i18n.t("protocols.steps.expand_label") }} - {{ i18n.t("protocols.reorder_steps.button") }} @@ -98,7 +101,7 @@ :inRepository="inRepository" @step:delete="updateStepsPosition" @step:update="updateStep" - :reorderStepUrl="urls.reorder_steps_url" + :reorderStepUrl="steps.length > 1 ? urls.reorder_steps_url : null" /> diff --git a/app/javascript/vue/protocol/modals/reorderable_items_modal.vue b/app/javascript/vue/protocol/modals/reorderable_items_modal.vue index 912f1bc60..1103cce81 100644 --- a/app/javascript/vue/protocol/modals/reorderable_items_modal.vue +++ b/app/javascript/vue/protocol/modals/reorderable_items_modal.vue @@ -23,7 +23,8 @@
{{ index + 1 }} - {{ item.attributes.name }} + {{ item.attributes.name }} + {{ item.attributes.placeholder }}
diff --git a/app/javascript/vue/protocol/step.vue b/app/javascript/vue/protocol/step.vue index 766a3990b..9f653f754 100644 --- a/app/javascript/vue/protocol/step.vue +++ b/app/javascript/vue/protocol/step.vue @@ -17,6 +17,7 @@
+