Fixed tags color changing and hiding

cvat-core/src/annotations-objects.js

@@ -1139,6 +1139,7 @@
                 attributes: { ...this.attributes },
                 label: this.label,
                 group: this.groupObject,
+                color: this.color,
                 updated: this.updated,
                 frame,
             };
@@ -1171,6 +1172,10 @@
                 this._saveLock(data.lock);
             }
 
+            if (updated.color) {
+                this._saveColor(data.color);
+            }
+
             this.updateTimestamp(updated);
             updated.reset();
 

cvat-ui/src/components/annotation-page/standard-workspace/objects-side-bar/object-item.tsx

@@ -719,8 +719,6 @@ function ObjectItemComponent(props: Props): JSX.Element {
 
     return (
         <div style={{ display: 'flex' }}>
-            {
-                objectType !== ObjectType.TAG ? (
             <Popover
                 placement='left'
                 trigger='click'
@@ -736,13 +734,6 @@ function ObjectItemComponent(props: Props): JSX.Element {
                     style={{ background: ` ${color}` }}
                 />
             </Popover>
-                ) : (
-                    <div
-                        className='cvat-objects-sidebar-state-item-color'
-                    />
-                )
-            }
-
             <div
                 onMouseEnter={activate}
                 id={`cvat-objects-sidebar-state-item-${clientID}`}

cvat-ui/src/containers/annotation-page/standard-workspace/objects-side-bar/objects-list.tsx

@@ -84,7 +84,9 @@ function mapStateToProps(state: CombinedState): StateToProps {
     objectStates.forEach((objectState: any) => {
         const { clientID, lock } = objectState;
         if (!lock) {
+            if (objectState.objectType !== ObjectType.TAG) {
                 statesHidden = statesHidden && objectState.hidden;
+            }
             statesLocked = statesLocked && objectState.lock;
         }
         const stateCollapsed = clientID in collapsed ? collapsed[clientID] : true;