[UI] Add to calendar popup event issue

Created on 4 December 2024, about 1 month ago

Problem/Motivation

1. If the title is too long, the last characters are ending under the X button and is not looking nice. Ideally the title is cut slightly shorter so that is all visible before the X
2. When I hover on the popup the shadow border disappears and the popup looks weird. ideally the border is always there, regardless if I am hovering or not

Steps to reproduce

Enable the `social_event_an_enroll` module.
Create an Event page.
Enroll on the created event page.
You will see the popup.
Hover on this popup.
Add a long title using the inspector elements.

Proposed resolution

Improve popup title behaviour - add three dots in the end of the title if it is very long.
Add the same box shadow to the popup on the hover state.

Remaining tasks

N/A

User interface changes

The add to calendar popup has a box shadow on the hover state.
The title of the add ti calendar popup has three dots if it is very long.

API changes

N/A

Data model changes

N/A

πŸ› Bug report
Status

Active

Version

13.0

Component

Front-End

Created by

πŸ‡ΊπŸ‡¦Ukraine Agami4

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024