Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Floating continue #5347

Draft
wants to merge 8 commits into
base: master
Choose a base branch
from
Draft

Floating continue #5347

wants to merge 8 commits into from

Conversation

dracos
Copy link
Member

@dracos dracos commented Jan 28, 2025

No description provided.

@@ -1641,7 +1530,7 @@ fixmystreet.message_controller = (function() {
if (typeof stopper.message === 'function') {
$msg = stopper.message();
} else {
$msg = $('<div class="box-warning">' + stopper.message + '</div>');
Copy link
Member

Choose a reason for hiding this comment

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

Removing this box-warning means there's no padding at all on the message which can look odd:

image

Copy link

codecov bot commented Jan 28, 2025

Codecov Report

Attention: Patch coverage is 85.71429% with 10 lines in your changes missing coverage. Please review.

Project coverage is 82.49%. Comparing base (8f0ac6c) to head (1d05e5f).
Report is 2 commits behind head on master.

Files with missing lines Patch % Lines
web/cobrands/fixmystreet-uk-councils/assets.js 55.55% 8 Missing ⚠️
web/cobrands/highwaysengland/assets.js 77.77% 2 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##           master    #5347      +/-   ##
==========================================
+ Coverage   82.41%   82.49%   +0.07%     
==========================================
  Files         416      416              
  Lines       32899    32895       -4     
  Branches     5283     5291       +8     
==========================================
+ Hits        27114    27136      +22     
+ Misses       4225     4196      -29     
- Partials     1560     1563       +3     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@davea
Copy link
Member

davea commented Jan 28, 2025

For really long extra questions pages that result in a stopper the bottom of the extra form is covered by the floating message (HTML edited for dramatic effect):

stopper_long_extra_questions

@dracos dracos force-pushed the floating-continue branch from 849b649 to cb3a375 Compare January 28, 2025 11:20
@dracos
Copy link
Member Author

dracos commented Jan 28, 2025

Bromley parks/no parks messaging - works nicely on desktop if switched to new hover message, but doesn't appear at all on mobile (because the map page on which it's shown is never visited again). Think will need to add a new way to immediately show the message on current page hovered, rather than only on map page. Not sure if this applies to anything else.

@davea
Copy link
Member

davea commented Jan 28, 2025

For contacts with really tall stopper messages (e.g. Surrey) the floating button element blocks the rest of the page:

example 1 example 2
image image

Check the new notification element for containing
warning messages to show notificatins are being
shown or not and remove the necessity for scrolling
down in tests
@davea
Copy link
Member

davea commented Jan 28, 2025

Double-stacked stopper messages can happen and obscure the category list:

image

@MorayMySoc
Copy link
Contributor

When making a report, if you get to the 'Your details' view and then move the pin off the required selected asset, error message is not shown. Using Merton parks as an example in screenshots.

Issue appears to be that the floating button is not used at this stage.

On Merton cobrand, select 'Parks and Recreation Grounds'. Choose a park. Begin report. On 'Your details' view, move the pin out of the park.

Current behaviour:

Screenshot from 2025-01-28 15-06-12

New behaviour:

Screenshot from 2025-01-28 15-05-51

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants