Skip to content

Redesign: fix emoji popup position#10957

Merged
ferblape merged 6 commits intofeature/redesignfrom
fix/emoji-box-position
Jun 18, 2023
Merged

Redesign: fix emoji popup position#10957
ferblape merged 6 commits intofeature/redesignfrom
fix/emoji-box-position

Conversation

@ferblape
Copy link
Copy Markdown
Contributor

@ferblape ferblape commented Jun 6, 2023

🎩 What? Why?

This PR fixes the emoji popup position by just upgrading the package version, because it was an error in the library joeattardi/picmo#259

📌 Related Issues

Testing

  1. Login
  2. Visit any comments thread
  3. Click on the emojis button and check the openning popup is centered

📷 Screenshots

Screenshot 2023-06-06 at 11 25 03

♥️ Thank you!

@ferblape ferblape added the project: redesign Barcelona City Council contract label Jun 6, 2023
@ferblape ferblape changed the base branch from develop to feature/redesign June 6, 2023 09:27
@ferblape ferblape requested a review from furilo June 6, 2023 09:42
@ferblape ferblape force-pushed the fix/emoji-box-position branch from 48220d4 to b08502b Compare June 6, 2023 09:53
@furilo
Copy link
Copy Markdown
Contributor

furilo commented Jun 7, 2023

@Crashillo in mobile the selector should be slightly adjusted:

  • so it does not goes over the viewport
  • and to avoid the horizontal scroll it generates
image

@ferblape ferblape force-pushed the fix/emoji-box-position branch from b08502b to 720bdb0 Compare June 8, 2023 04:57
@Crashillo
Copy link
Copy Markdown
Contributor

Crashillo commented Jun 8, 2023

There's a failing spec about the spellchecker I can barely understand (it's not related w/ this). Do you know anything about it @alecslupu?

@ferblape ferblape requested a review from a team June 12, 2023 13:07
Copy link
Copy Markdown
Contributor

@alecslupu alecslupu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

Copy link
Copy Markdown
Contributor

@alecslupu alecslupu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

On a second thought ... on mobile i would add some margins for the modal on the mobile. I had several issues closing the emoji picker:

image

@Crashillo Crashillo force-pushed the fix/emoji-box-position branch from 7e07bcd to d37b170 Compare June 14, 2023 08:00
@Crashillo Crashillo requested a review from alecslupu June 14, 2023 08:45
@andreslucena andreslucena changed the title Redesign / Fix emoji popup position Redesign: fix emoji popup position Jun 15, 2023
Copy link
Copy Markdown
Contributor

@alecslupu alecslupu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Better
image

@ferblape ferblape merged commit 59a66b6 into feature/redesign Jun 18, 2023
@ferblape ferblape deleted the fix/emoji-box-position branch June 18, 2023 06:17
entantoencuanto added a commit that referenced this pull request Jun 20, 2023
* feature/redesign:
  Redesign: change the filters style (#11049)
  Redesign: secondary actions (#11067)
  Redesign: assembly members page (#10992)
  Redesign: update default static map size to 300px (#10953)
  Redesign: visual placeholder cards (#11038)
  Redesign: fix emoji popup position (#10957)
  Redesign: enable REDESIGN_ENABLED on ParticipatoryProcesses (#10983)
  Redesign: opinion buttons (#10998)
  Display a disabled message button in public profile if user blocks them instead of hidding it (#10984)
  Redesign: confirm modal Foundation-free (#10978)
entantoencuanto added a commit that referenced this pull request Jun 23, 2023
* feature/redesign: (26 commits)
  Use the component name in the sidebar title (#11088)
  Redesign: layout center (#11068)
  Redesign: display only public users followings in following profile tab (#11051)
  Redesign: fix cards (#11072)
  Redesign: remove gcalendar warning (#10999)
  lock sass-embedded (#11077)
  Redesign: scopes picker (#11039)
  Redesign: pending notifications (#10926)
  Redesign: change the filters style (#11049)
  Redesign: secondary actions (#11067)
  Redesign: assembly members page (#10992)
  Redesign: update default static map size to 300px (#10953)
  Redesign: visual placeholder cards (#11038)
  Redesign: fix emoji popup position (#10957)
  Redesign: enable REDESIGN_ENABLED on ParticipatoryProcesses (#10983)
  Redesign: opinion buttons (#10998)
  Display a disabled message button in public profile if user blocks them instead of hidding it (#10984)
  Redesign: confirm modal Foundation-free (#10978)
  Redesign: initiatives (#10646)
  Redesign: surveys (#10922)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

project: redesign Barcelona City Council contract

Projects

No open projects
Status: Done

Development

Successfully merging this pull request may close these issues.

Redesign / Comments issues after polling completed

4 participants