wip: properties panel, rightbar icon color

Author: olzzon

packages/webui/src/client/lib/ui/icons/useredits.tsx

@@ -16,11 +16,7 @@ export function UserEditsCloseIcon(): JSX.Element {
 		<svg width="25" height="28" viewBox="0 0 25 28" fill="none" xmlns="http://www.w3.org/2000/svg">
 			<path
 				d="M11 0C14 0 16 2.5 16 5H20V9C22.5 9 25 11.5 25 14C25 16.5 22.5 19 20 19V23H16C16 25.5 13.5 28 11 28C7.5 28 6 25.5 6 23H0V17H2C3.5 17 5 15.5 5 14C5 12.5 3.5 11 2 11H0V5H6C6 2.5 8 0 11 0ZM11 2C9 2 8 3.80859 8 5V7H2V9C4.5 9 7 11.5 7 14C7 16.5 4.5 19 2 19V21H8V23C8 24.5 9.5 26 11 26C12.5 26 14 24.5 14 23V21H18V17H20C21.5 17 23 15.5 23 14C23 12.5 21.5 11 20 11H18V7H14V5C14 3.80859 13 2 11 2Z"
-				fill="black"
-			/>
-			<path
-				d="M17.8 5.6L19.4 7.2L13.6 14L19.4 20.8L17.8 22.4L12 15.6L6.2 22.4L4.6 20.8L10.4 14L4.6 7.2L6.2 5.6L12 12.4L17.8 5.6Z"
-				fill="white"
+				fill="grey"
 			/>
 		</svg>
 	)

packages/webui/src/client/ui/RundownView/RundownRightHandControls.tsx

@@ -158,7 +158,12 @@ export function RundownRightHandControls(props: Readonly<IProps>): JSX.Element {
 				/>
 				<SelectedElementsContext.Consumer>
 					{(context) => (
-						<button onClick={() => context.clearSelections()} className="status-bar__controls__button">
+						<button
+							onClick={() => context.clearSelections()}
+							className={classNames('status-bar__controls__button', {
+								'status-bar__controls__button--open': context.listSelectedElements().length > 0,
+							})}
+						>
 							{context.listSelectedElements().length === 0 ? <UserEditsIcon /> : <UserEditsCloseIcon />}
 						</button>
 					)}