Release v-1-16-0 (#24)

* Sets absolute position and z for Admin messages overlay

* UX improvement - color blue to purple on data browser filters

---------

Co-authored-by: Lina <lina.lumburovska@kern.ai>

Author: JWittmeyer

components/AdminMessages.tsx

@@ -13,7 +13,7 @@ export default function AdminMessages(props: AdminMessagesProps) {
         props.setActiveAdminMessages(adminMessagesCopy);
     }
 
-    return (<div className={`pointer-events-none font-dm-sans flex-col right-0 fixed inset-y-0 sm:flex sm:justify-end sm:px-6 sm:pb-5 lg:px-8 ${isOnLabelingPage ? 'bottom-8' : 'bottom-0'}`}>
+    return (<div className={`pointer-events-none font-dm-sans flex-col right-0 absolute z-30 inset-y-0 sm:flex sm:justify-end sm:px-6 sm:pb-5 lg:px-8 ${isOnLabelingPage ? 'bottom-8' : 'bottom-0'}`}>
         {props.adminMessages && props.adminMessages.map((activeMessage, index) => (
             <div key={activeMessage.id} className={`pointer-events-auto items-center justify-between gap-x-6 py-2.5 mt-2 border px-6 sm:rounded-xl sm:py-3 sm:pr-3.5 sm:pl-4 ${activeMessage.borderColor} ${activeMessage.backgroundColor} ${activeMessage.visible ? 'flex' : 'hidden'}`}
                 style={{ maxWidth: props.maxWidth ?? 'calc(100vw - 200px)' }}>

components/Dropdown2.tsx

@@ -183,7 +183,7 @@ export default function Dropdown2(props: DropdownProps) {
                         {!props.hasCheckboxesThreeStates && props.buttonName}
                         {props.hasCheckboxesThreeStates && <label
                             className="truncate cursor-pointer text-sm">{getDropdownDisplayText(props.options, "EMPTY")}
-                            <span style={{ color: '#2563eb' }}>{getDropdownDisplayText(props.options, "NOT_NEGATED")}</span>
+                            <span style={{ color: '#4e46e5' }}>{getDropdownDisplayText(props.options, "NOT_NEGATED")}</span>
                             <span style={{ color: '#ef4444' }}>{getDropdownDisplayText(props.options, "NEGATED")}</span>
                         </label>}
                         <IconChevronDown

helpers/dropdown-helper.ts

@@ -131,8 +131,8 @@ export function getDropdownDisplayText(
 export function getActiveNegateGroupColor(group: any) {
     if (!group['active']) return null;
     if (group['negate']) {
-        return group['negate'] ? '#ef4444' : '#2563eb';
+        return group['negate'] ? '#ef4444' : '#4e46e5';
     }
-    return '#2563eb';
+    return '#4e46e5';
 
 }