scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-01-01 13:13:22 +08:00
Code Issues Projects Releases Packages Wiki Activity

Change reordering icons [SCI-6953] (#4208)

Browse source
This commit is contained in:
artoscinote 2022-07-11 10:54:18 +02:00 committed by GitHub
parent 5cb53c774c
commit cb113c4bdb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
app/assets/stylesheets/shared/icons.scss
View file

@ -15,3 +15,8 @@
fill: inherit; fill: inherit;
} }
} }
.fas-rotated-90 {
display: inline-block;
transform: rotate(90deg);
}

2
app/javascript/vue/protocol/container.vue
View file

@ -82,7 +82,7 @@
@click="startStepReorder" @click="startStepReorder"
@keyup.enter="startStepReorder" @keyup.enter="startStepReorder"
tabindex="0" > tabindex="0" >
<span class="fas fa-arrows-alt-v" aria-hidden="true"></span> <i class="fas fas-rotated-90 fa-exchange-alt" aria-hidden="true"></i>
<span>{{ i18n.t("protocols.reorder_steps.button") }}</span> <span>{{ i18n.t("protocols.reorder_steps.button") }}</span>
</a> </a>
</div> </div>

2
app/javascript/vue/protocol/step.vue
View file

@ -102,7 +102,7 @@
{{ i18n.t('protocols.steps.options_dropdown.title') }} {{ i18n.t('protocols.steps.options_dropdown.title') }}
</li> </li>
<li v-if="urls.reorder_elements_url" class="action" @click="openReorderModal" :class="{ 'disabled': elements.length < 2 }"> <li v-if="urls.reorder_elements_url" class="action" @click="openReorderModal" :class="{ 'disabled': elements.length < 2 }">
<i class="fas fa-arrows-alt-v"></i> <i class="fas fas-rotated-90 fa-exchange-alt"></i>
{{ i18n.t('protocols.steps.options_dropdown.rearrange') }} {{ i18n.t('protocols.steps.options_dropdown.rearrange') }}
</li> </li>
<li v-if="urls.delete_url" class="action" @click="showDeleteModal"> <li v-if="urls.delete_url" class="action" @click="showDeleteModal">

2
app/javascript/vue/protocol/step_elements/checklist.vue
View file

@ -2,7 +2,7 @@
<div class="step-checklist-container"> <div class="step-checklist-container">
<div class="step-element-header" :class="{ 'locked': locked, 'editing-name': editingName }"> <div class="step-element-header" :class="{ 'locked': locked, 'editing-name': editingName }">
<div v-if="reorderElementUrl" class="step-element-grip" @click="$emit('reorder')"> <div v-if="reorderElementUrl" class="step-element-grip" @click="$emit('reorder')">
<i class="fas fa-grip-vertical"></i> <i class="fas fas-rotated-90 fa-exchange-alt"></i>
</div> </div>
<div class="step-element-name"> <div class="step-element-name">
<InlineEdit <InlineEdit

2
app/javascript/vue/protocol/step_elements/table.vue
View file

@ -2,7 +2,7 @@
<div class="step-table-container"> <div class="step-table-container">
<div class="step-element-header" :class="{ 'editing-name': editingName }"> <div class="step-element-header" :class="{ 'editing-name': editingName }">
<div v-if="reorderElementUrl" class="step-element-grip" @click="$emit('reorder')"> <div v-if="reorderElementUrl" class="step-element-grip" @click="$emit('reorder')">
<i class="fas fa-grip-vertical"></i> <i class="fas fas-rotated-90 fa-exchange-alt"></i>
</div> </div>
<div class="step-element-name"> <div class="step-element-name">
<InlineEdit <InlineEdit

2
app/javascript/vue/protocol/step_elements/text.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div class="step-text-container" :class="{ 'edit': inEditMode }" @keyup.enter="enableEditMode($event)" tabindex="0"> <div class="step-text-container" :class="{ 'edit': inEditMode }" @keyup.enter="enableEditMode($event)" tabindex="0">
<div v-if="reorderElementUrl" class="element-grip" @click="$emit('reorder')"> <div v-if="reorderElementUrl" class="element-grip" @click="$emit('reorder')">
<i class="fas fa-grip-vertical"></i> <i class="fas fas-rotated-90 fa-exchange-alt"></i>
</div> </div>
<div class="buttons-container"> <div class="buttons-container">
<button v-if="element.attributes.orderable.urls.update_url" class="btn icon-btn btn-light" tabindex="-1" @click="enableEditMode($event)"> <button v-if="element.attributes.orderable.urls.update_url" class="btn icon-btn btn-light" tabindex="-1" @click="enableEditMode($event)">