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

Add new task tags design [SCI-11566]

Browse source
This commit is contained in:
Anton 2025-02-26 13:54:34 +01:00
parent 122d14d328
commit 783aebcf7e
6 changed files with 15 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -104,7 +104,7 @@
dropdownSelector.init($(myModuleTagsSelector), {
closeOnSelect: true,
tagClass: 'my-module-white-tags',
tagClass: 'my-module-white-tags sci-tag',
tagStyle: (data) => {
return `background: ${data.params.color}`;
},

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

@ -103,7 +103,7 @@
dropdownSelector.init($(myModuleTagsSelector), {
closeOnSelect: true,
tagClass: 'my-module-white-tags',
tagClass: 'my-module-white-tags sci-tag',
labelHTML: true,
tagStyle: (data) => {
return `background: ${data.params.color}`;

1
app/assets/stylesheets/application.tailwind.css
View file

@ -4,6 +4,7 @@
@import "tailwind/flyouts";
@import "tailwind/radio";
@import "tailwind/loader.css";
@import "tailwind/tags.css";
@tailwind base;
@tailwind components;

10
app/assets/stylesheets/reports.scss
View file

@ -358,10 +358,14 @@ label {
}
.module-tag {
margin-left: 5px;
border-radius: 4px;
padding: 2px 4px;
align-items: center;
border-radius: 10px;
color: $color-white;
display: flex;
height: 20px;
margin-left: 5px;
padding: 2px 8px;
white-space: nowrap;
}
}

1
app/assets/stylesheets/shared/dropdown_selector.scss
View file

@ -81,7 +81,6 @@
border-radius: $border-radius-tag;
display: flex;
flex-shrink: 0;
line-height: 13px;
margin: 2px 3px;
max-height: 24px;
max-width: calc(100% - 11px);

5
app/assets/stylesheets/tailwind/tags.css Normal file
View file

@ -0,0 +1,5 @@
@layer components {
.sci-tag {
@apply text-xs !rounded-full !pl-3 !pr-1 !py-0.5 flex items-center gap-1;
}
}