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

Step table CSS fixes [SCI-6998] (#4270)

Browse source
This commit is contained in:
artoscinote 2022-07-20 12:07:25 +02:00 committed by GitHub
parent 7874a3e1c5
commit 6367842e1e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
app/assets/stylesheets/steps/components/table.scss
View file

@ -3,6 +3,7 @@
.step-table {
border: $border-transparent;
border-radius: 4px;
margin-left: var(--left-component-padding);
padding: 4px;
position: relative;
@ -20,6 +21,19 @@
z-index: 200;
}
.enable-edit-mode__icon {
background: linear-gradient(
90deg,
transparent 0%,
$color-concrete 25%,
$color-concrete 100%
);
padding: 4px 8px;
position: absolute;
right: 0;
top: 0;
}
.edit-message {
@include font-small;
color: $color-silver-chalice;
@ -43,6 +57,7 @@
&.edit {
border: $border-default;
border-radius: 4px;
}
}

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

@ -33,7 +33,9 @@
</div>
<div :class="'step-table ' + (editingTable ? 'edit' : 'view')" tabindex="0" @keyup.enter="!editingTable && enableTableEdit()">
<div class="enable-edit-mode" v-if="!editingTable && element.attributes.orderable.urls.update_url" @click="enableTableEdit">
<i class="fas fa-pen"></i>
<div class="enable-edit-mode__icon">
<i class="fas fa-pen"></i>
</div>
</div>
<div ref="hotTable" class="hot-table-container">
</div>