mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2024-09-20 23:16:15 +08:00
Amend how checkboxes work with locking [SCI-7122] (#4374)
This commit is contained in:
parent
e8de641328
commit
c2242b6cc8
|
@ -40,7 +40,7 @@
|
|||
border-radius: 50%;
|
||||
height: 4px;
|
||||
margin-right: .5em;
|
||||
margin-top: 1em;
|
||||
margin-top: 1.3em;
|
||||
width: 4px;
|
||||
}
|
||||
|
||||
|
|
|
@ -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"
|
||||
|
|
Loading…
Reference in a new issue