Hoverbox Wireframe

[ladissi]

Overview

Create and implement wireframe for "Cookies and Privacy Policy" hover box.

Action Items

• [x] Create hover box wireframe based on civic tech index styling

• [x] Implement hover box wireframe on Front End

• [x] Modify front end to use white text

  White Text on Blue Button Design

  

• [x] Add a border to the hoverbox

Resources/Instructions

1. View sample site

[ladissi]

@chalimar please provide update

1. Progress
2. Blockers
3. Availability
4. ETA

[FarzanaPrianka]

Designed the element which can be found in the following link. Looking forward to Chali's feedback.

https://www.figma.com/file/EFoSuj1b9G4aZ7bN8OX8tf/CivicTechIndex---Master-Design-File?node-id=3765%3A15048

[chalimar]

Hey Prianka! This is a great start, thank you! I used your design to just make some slight adjustments. Let's go over in the meeting or when you have a moment for next steps.

[chalimar]

@bhaggya, I apologize about the delay! Attached is an SVG and PNG version of the cookie emoji for popup. Please let me know if this works for you! 😁❤️🍪

Cookie Icons Here

[kevindphan]

Cookie image provided

[ExperimentsInHonesty]

@chalimar why is it that the Accept button has black text on blue? That is not in line with the Design System for Civic Tech Index.

[ExperimentsInHonesty]

@chalimar @FarzanaPrianka I am looking for the assets associated with this work, and I don't see them on either of these pages CTI Figma, design systems page CT Figma, privacy policy

And see my previous note

@chalimar why is it that the Accept button has black text on blue? That is not in line with the Design System for Civic Tech Index.

[chalimar]

The cookie hover box can be found on the Home Page design of the Figma file below the original artboards. Prianka had designed them on that screen for initial visits. I sent the cookie SVG to Bhaggya directly for this issue.

The Accept button should have a white button label; all buttons and links used throughout the site have an updated hexcode to meet accessibility standards. I am not sure why that one button got bypassed when that change was implemented.

What assets are you looking for specifically that I may be able to provide?

[kevindphan]

Figma has been updated, ready for devs to complete.

[bruceplai]

@smsada are there any other changes that need to be made to the privacy popup style? I think it's already completed

[smsada]

You are right. Closing out this issue as its original goal has been achieved. Thanks @bruceplai

[chalimar]

This issue still needs the button label updated to white in the hoverbox.

[smsada]

Thank you @chalimar I didn't do a check of the website and you are right