question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Minor style/UX issue: buttons in popups are not discernible

See original GitHub issue

(From https://github.com/ether/ep_what_have_i_missed/pull/8#issuecomment-921384665, filing here since the style comes from core.)

The popup from that plugin currently looks like this:

ep_what_have_i_missed_fixed

Here, ‘Catch up!’ is a clickable button, but that is essentially impossible to see intuitively (e.g. first-time users). My suggestion would be a thin border line and/or a hover background colour change similar to the toolbar.

I only played briefly with a simple .popup-content button { border: 1px solid; } rule, which reveals that some margin/padding adjustments would likely also be appropriate:

ep_what_have_i_missed_border

I don’t know whether buttons on popups are in use anywhere else nor have I tried other skins.

Etherpad 1.8.14 with SKIN_VARIANTS='super-dark-toolbar dark-background dark-editor full-width-editor', ep_what_have_i_missed 0.0.24, Firefox 92 on Debian Sid

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
stale[bot]commented, Nov 22, 2021

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

0reactions
JustAnotherArchivistcommented, Feb 10, 2022

Or one could avoid using a bot that closes issues simply because they’re old, since a bug report being old doesn’t mean the bug isn’t still present and a problem. Or at least label the ones that have been confirmed so the bot ignores them. 😉

Read more comments on GitHub >

github_iconTop Results From Across the Web

Popups: 10 Problematic Trends and Alternatives
Whether modal or not, most overlays appear at the wrong time, ... by selecting links or tapping buttons) while the overlay remains visible....
Read more >
11 Popup Design Best Practices That Will Drive Higher ... - Drip
Looking for good popup design best practices? Read this article to learn how to design a popup that drives higher conversions.
Read more >
Pop-ups and Social Sharing buttons not displaying on my posts
Hey guys,. I am using Hustle 7.1.1. I can't seem to get Hustle to show the one pop-up I have on my website...
Read more >
Changing the Pop-up Blocker Settings in Chrome, Firefox, or ...
1. Open Internet Explorer, select the Tools button, and then select Internet options. 2. On the Privacy tab, under Pop-up Blocker, ...
Read more >
Block or allow pop-ups in Chrome - Computer - Google Support
Choose the option you want as your default setting. Manage pop-ups & redirects for a specific site. Not all pop-ups are ads or...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found