Skip to content

PB-493: Fixed Time slider input cutoff on 3d Maps#830

Merged
schtibe merged 2 commits intodevelopfrom
bug-JIRA-PB-493-time-slider-cutoff
May 13, 2024
Merged

PB-493: Fixed Time slider input cutoff on 3d Maps#830
schtibe merged 2 commits intodevelopfrom
bug-JIRA-PB-493-time-slider-cutoff

Conversation

@schtibe
Copy link
Contributor

@schtibe schtibe commented May 13, 2024

RFC
This could be one possible solution. It only addresses the font and the margin of the time slider though. There could potentially be other things that break with the cesium style. (1)

Another solution could be to re-order the css. For that, we'd have to prematurely load Cesium's widgets.css I guess, before our other rules are applied. The drawback would be that there's always cesium style around even if the 3d map isn't used.

Open for other suggestions.

(1)
Although, when scanning through the Cesium/Widgets/widgets.css, the only other global style apart from input is ul. Everything else is a .cesium- prefixed class. So maybe it won't break too much.

Test link

@github-actions github-actions bot added the bug label May 13, 2024
@schtibe schtibe added the DRAFT label May 13, 2024
@schtibe schtibe requested review from ltshb and pakb May 13, 2024 10:17
@cypress
Copy link

cypress bot commented May 13, 2024

Passing run #2096 ↗︎

0 203 20 0 Flakiness 0

Details:

PB-493 Fix timeslider input margin broken by cesium style
Project: web-mapviewer Commit: 9a2a57ad6f
Status: Passed Duration: 05:22 💡
Started: May 13, 2024 2:40 PM Ended: May 13, 2024 2:45 PM

Review all test suite changes for PR #830 ↗︎

Copy link
Contributor

@ltshb ltshb left a comment

Choose a reason for hiding this comment

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

Result looks good to me and the proposed solution is good enough for the go live in my opinion, @pakb ?

@schtibe schtibe force-pushed the bug-JIRA-PB-493-time-slider-cutoff branch from cd79abf to cbeceef Compare May 13, 2024 11:10
@schtibe schtibe marked this pull request as ready for review May 13, 2024 11:11
@schtibe schtibe removed the DRAFT label May 13, 2024
@ltshb ltshb changed the title Bug-JIRA-PB-493-time-slider-cutoff PB-493: Time slider May 13, 2024
@schtibe schtibe changed the title PB-493: Time slider PB-493: Fix Time slider input cutoff on 3d Maps May 13, 2024
Copy link
Contributor

@pakb pakb left a comment

Choose a reason for hiding this comment

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

Yep, with the comment on why we have this #cesium selector, that's quite good enough for a go-live without touching too much how we import Cesium's CSS 👍

@schtibe schtibe changed the title PB-493: Fix Time slider input cutoff on 3d Maps PB-493: Fixed Time slider input cutoff on 3d Maps May 13, 2024
schtibe added 2 commits May 13, 2024 16:36
The cesium style sheet overrides the global font. By changing the
selector slightly we can give it more specifity and keep the
original font
The cesium style sheet introduces a little bit of margin on the inputs
which breaks the style of the time slider
@schtibe schtibe force-pushed the bug-JIRA-PB-493-time-slider-cutoff branch from cbeceef to 9a2a57a Compare May 13, 2024 14:36
@schtibe schtibe merged commit a41cee2 into develop May 13, 2024
@schtibe schtibe deleted the bug-JIRA-PB-493-time-slider-cutoff branch May 13, 2024 14:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants