diff --git a/CHANGELOG.md b/CHANGELOG.md index 82d4090d8f..16880ff650 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -18,6 +18,7 @@ These are the section headers that we use: ### Added +- Bulk annotation ([#4333](https://github.com/argilla-io/argilla/pull/4333)) - Restore filters from feedback dataset settings ([#4461])(https://github.com/argilla-io/argilla/pull/4461) - Warning on feedback dataset settings when leaving page with unsaved changes. ([#4461](https://github.com/argilla-io/argilla/pull/4461)) - Added pydantic v2 support using the python SDK. ([#4459](https://github.com/argilla-io/argilla/pull/4459)) @@ -31,6 +32,10 @@ These are the section headers that we use: - `nan` values in metadata properties will raise a 422 error when creating/updating records. ([#4300](https://github.com/argilla-io/argilla/issues/4300)) - `None` values are now allowed in metadata properties. ([#4300](https://github.com/argilla-io/argilla/issues/4300)) +### Fixed + +- Paginating to a new record, automatically scrolls down to selected form area ([#4333](https://github.com/argilla-io/argilla/pull/4333)) + ### Deprecated - The `missing` response status for filtering records is deprecated and will be removed in the release v1.24.0. Use `pending` instead. ([#4433](https://github.com/argilla-io/argilla/pull/4433)) diff --git a/frontend/assets/icons/bulk-mode.js b/frontend/assets/icons/bulk-mode.js new file mode 100644 index 0000000000..99f25b35dd --- /dev/null +++ b/frontend/assets/icons/bulk-mode.js @@ -0,0 +1,27 @@ +/* + * coding=utf-8 + * Copyright 2021-present, the Recognai S.L. team. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +/* eslint-disable */ +var icon = require('vue-svgicon') +icon.register({ + 'bulk-mode': { + width: 24, + height: 17, + viewBox: '0 0 24 17', + data: '' + } +}) \ No newline at end of file diff --git a/frontend/assets/icons/change-height.js b/frontend/assets/icons/change-height.js new file mode 100644 index 0000000000..1de8f892ed --- /dev/null +++ b/frontend/assets/icons/change-height.js @@ -0,0 +1,27 @@ +/* + * coding=utf-8 + * Copyright 2021-present, the Recognai S.L. team. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +/* eslint-disable */ +var icon = require('vue-svgicon') +icon.register({ + 'change-height': { + width: 30, + height: 18, + viewBox: '0 0 30 18', + data: '' + } +}) \ No newline at end of file diff --git a/frontend/assets/icons/focus-mode.js b/frontend/assets/icons/focus-mode.js new file mode 100644 index 0000000000..0940327f13 --- /dev/null +++ b/frontend/assets/icons/focus-mode.js @@ -0,0 +1,27 @@ +/* + * coding=utf-8 + * Copyright 2021-present, the Recognai S.L. team. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +/* eslint-disable */ +var icon = require('vue-svgicon') +icon.register({ + 'focus-mode': { + width: 20, + height: 16, + viewBox: '0 0 20 16', + data: '' + } +}) \ No newline at end of file diff --git a/frontend/assets/icons/index.js b/frontend/assets/icons/index.js index 2942ccecf6..620276ef12 100644 --- a/frontend/assets/icons/index.js +++ b/frontend/assets/icons/index.js @@ -1,6 +1,8 @@ /* eslint-disable */ require('./arrow-down') require('./arrow-up') +require('./bulk-mode') +require('./change-height') require('./check') require('./chevron-down') require('./chevron-left') @@ -18,6 +20,7 @@ require('./exploration') require('./external-link') require('./external') require('./filter') +require('./focus-mode') require('./hand-labeling') require('./info') require('./link') diff --git a/frontend/assets/scss/abstract/placeholders/_tooltip.scss b/frontend/assets/scss/abstract/placeholders/_tooltip.scss index 014ddeafc7..9d3b20ad88 100644 --- a/frontend/assets/scss/abstract/placeholders/_tooltip.scss +++ b/frontend/assets/scss/abstract/placeholders/_tooltip.scss @@ -1,5 +1,6 @@ // tooltip $tooltip-bg: palette(grey, 100); +$tooltip-mini-bg: palette(grey, 150); $tooltip-color: palette(white); $tooltip-font-size: 13px; $tooltip-triangle-size: 7px; @@ -145,3 +146,45 @@ $tooltip-border-radius: $border-radius-s; $tooltip-bg ); } + +@mixin tooltip-mini($position, $offset: 4px) { + @if $position == "left" { + @extend %has-tooltip--left; + &:after { + right: calc(100% + $offset); + } + } @else if $position == "bottom" { + @extend %has-tooltip--bottom; + &:after { + top: calc(100% + $offset); + } + } @else if $position == "top" { + @extend %has-tooltip--top; + &:after { + bottom: calc(100% + $offset); + } + } @else if $position == "right" { + @extend %has-tooltip--right; + &:after { + left: calc(100% + $offset); + } + } @else if $position == "top-right" { + @extend %has-tooltip--right; + &:after { + left: -$offset; + bottom: calc(100% + $offset); + top: auto; + transform: none; + } + } + &:before { + content: none !important; + } + &:after { + padding: calc($base-space / 2); + background: $tooltip-mini-bg; + @include font-size(12px); + line-height: 1.2; + white-space: pre; + } +} diff --git a/frontend/assets/scss/abstract/variables/_variables.scss b/frontend/assets/scss/abstract/variables/_variables.scss index 3e8a52d68e..d68a9064f0 100644 --- a/frontend/assets/scss/abstract/variables/_variables.scss +++ b/frontend/assets/scss/abstract/variables/_variables.scss @@ -26,6 +26,7 @@ $palettes: ( ), grey: ( 100: #212121, + 150: #2d3236, 200: #4d4d4d, 300: #686a6d, 400: #838589, @@ -46,7 +47,7 @@ $palettes: ( 800: #f0f0fe, ), pink: ( - base: #73bfbd, + base: #f2067a, ), yellow: ( 400: #fee075, diff --git a/frontend/components/base/base-button/BaseButton.vue b/frontend/components/base/base-button/BaseButton.vue index 0d31d6fe99..3506f3ec94 100644 --- a/frontend/components/base/base-button/BaseButton.vue +++ b/frontend/components/base/base-button/BaseButton.vue @@ -49,6 +49,7 @@ :disabled="disabled" @click="onClick" > + @@ -139,6 +140,12 @@ export default { } .button { @extend %button; + .spinner { + height: 20px; + width: 20px; + border: 3px solid #242323d8; + border-top-color: #00000021; + } } .small { @include font-size(13px); @@ -155,6 +162,9 @@ export default { .svg-icon { fill: palette(white); } + .spinner { + border-color: palette(white); + } &:hover, &:active, &.active { @@ -209,6 +219,9 @@ export default { .svg-icon { fill: palette(grey, 200); } + .spinner { + border-color: palette(grey, 200); + } &:hover, &:active, &.active { diff --git a/frontend/components/base/base-checkbox/BaseCheckbox.vue b/frontend/components/base/base-checkbox/BaseCheckbox.vue index 1c646a403b..75485f404c 100644 --- a/frontend/components/base/base-checkbox/BaseCheckbox.vue +++ b/frontend/components/base/base-checkbox/BaseCheckbox.vue @@ -16,11 +16,11 @@ -->