Amend how checkboxes work with locking [SCI-7122] (#4374)

This commit is contained in:
artoscinote 2022-08-23 10:10:20 +02:00 committed by GitHub
parent e8de641328
commit c2242b6cc8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 4 deletions

View file

@ -40,7 +40,7 @@
border-radius: 50%;
height: 4px;
margin-right: .5em;
margin-top: 1em;
margin-top: 1.3em;
width: 4px;
}

View file

@ -1,12 +1,12 @@
<template>
<div class="step-checklist-item" :class="{ 'step-element--locked': checklistItem.id && !(updateUrl || toggleUrl) }">
<div class="step-checklist-item" :class="{ 'step-element--locked': !checklistItem.attributes.isNew && !(updateUrl || toggleUrl) }">
<div class="step-element-header" :class="{ 'locked': locked || editingText, 'editing-name': editingText }">
<div v-if="reorderChecklistItemUrl" class="step-element-grip step-element-grip--draggable" :class="{ 'step-element-grip--disabled': !draggable }">
<i class="fas fa-grip-vertical"></i>
</div>
<div v-else class="step-element-grip-placeholder"></div>
<div class="step-element-name" :class="{ 'done': checklistItem.attributes.checked }">
<div v-if="toggleUrl" class="sci-checkbox-container" :class="{ 'disabled': inRepository}">
<div v-if="!inRepository" class="sci-checkbox-container" :class="{ 'disabled': locked }">
<input ref="checkbox"
type="checkbox"
class="sci-checkbox"
@ -18,7 +18,6 @@
<div v-else class="sci-checkbox-view-mode"></div>
<div class="step-checklist-text">
<InlineEdit
:class="{ 'step-element--locked': checklistItem.id && !updateUrl }"
:value="checklistItem.attributes.text"
:sa_value="checklistItem.attributes.sa_text"
:characterLimit="10000"