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

Update tag creation option design [SCI-7698]

Browse source
This commit is contained in:
Anton 2023-01-10 13:07:10 +01:00
parent d5bd26a31b
commit ba442babe2
6 changed files with 23 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/assets/javascripts/experiments/show.js
View file

@ -72,9 +72,9 @@
return `<span class="my-module-tags-color" style="background:${data.params.color}"></span>
${data.label}`;
}
return `<span class="my-module-tags-color"></span>
return `<span class="my-module-tags-color new"><i class="fas fa-plus"></i></span>
${data.label + ' '}
<span class="my-module-tags-create-new"> (${I18n.t('my_modules.details.create_new_tag')})</span>`;
<span class="my-module-tags-create-new"> ${I18n.t('my_modules.details.create_new_tag')}</span>`;
},
ajaxParams: function(params) {
let newParams = params;

6
app/assets/javascripts/my_modules.js
View file

@ -148,9 +148,9 @@
return `<span class="my-module-tags-color" style="background:${data.params.color}"></span>
${data.label}`;
}
return `<span class="my-module-tags-color"></span>
${data.label + ' '}
<span class="my-module-tags-create-new"> (${I18n.t('my_modules.details.create_new_tag')})</span>`;
return `<span class="my-module-tags-color new"><i class="fas fa-plus"></i></span>
${data.label + ' '}
<span class="my-module-tags-create-new"> ${I18n.t('my_modules.details.create_new_tag')}</span>`;
},
onOpen: function() {
$('.select-container .edit-button-container').removeClass('hidden');

10
app/assets/stylesheets/experiment/show.scss
View file

@ -50,15 +50,21 @@
}
.my-module-tags-color {
align-items: center;
border-radius: 8px;
display: inline-block;
display: inline-flex;
height: 16px;
justify-content: center;
margin-right: 5px;
width: 16px;
&.new {
color: $color-silver-chalice;
}
}
.my-module-tags-create-new {
opacity: .6;
margin-left: 3px;
}
&.open {

10
app/assets/stylesheets/my_modules/protocols/index.scss
View file

@ -239,15 +239,21 @@
}
.my-module-tags-color {
align-items: center;
border-radius: 8px;
display: inline-block;
display: inline-flex;
height: 16px;
justify-content: center;
margin-right: 5px;
width: 16px;
&.new {
color: $color-silver-chalice;
}
}
.my-module-tags-create-new {
opacity: .6;
margin-left: 3px;
}
.input-field {

1
app/assets/stylesheets/shared_styles/constants/fonts.scss
View file

@ -23,6 +23,7 @@ $font-fas-angle-double-left: "\f100";
$font-fas-angle-double-right: "\f101";
$font-fas-exclamation-circle: "\f06a";
$font-fas-caret-up: "\f0d8";
$font-fas-plus: "\f02b";
@mixin font-h1 {
font-size: 24px;

2
config/locales/en.yml
View file

@ -979,7 +979,7 @@ en:
tags: "Tags:"
no_tags: "+ Add tags"
manage_tags: "Manage tags"
create_new_tag: "create new"
create_new_tag: "→ Create new"
recent_protocols_from_repository: "Recent protocols from the Repository"
code: "ID: "
recent_protocols_from_repository: "Recent protocols from the Templates"