Address the problem of the time slider overlapping with the occurrence pop-up that appears on the right side. Begin by closely examining the layout and positioning of the time slider and the occurrence pop-up, identifying any CSS or layout configurations causing the overlap. Adjust the relevant positioning properties in the CSS or within the layout components responsible for positioning: components/map/Map.tsx to ensure the time slider does not overlap with the occurrence pop-up on the right.
After making these adjustments, test the solution across various browsers and devices to ensure a consistent layout is maintained. Additionally, when creating a branch for the resolution, append the issue number to the branch name for clear identification (e.g., "time-slider-issue#69").
Address the problem of the time slider overlapping with the occurrence pop-up that appears on the right side. Begin by closely examining the layout and positioning of the time slider and the occurrence pop-up, identifying any CSS or layout configurations causing the overlap. Adjust the relevant positioning properties in the CSS or within the layout components responsible for positioning:
components/map/Map.tsxto ensure the time slider does not overlap with the occurrence pop-up on the right.After making these adjustments, test the solution across various browsers and devices to ensure a consistent layout is maintained. Additionally, when creating a branch for the resolution, append the issue number to the branch name for clear identification (e.g., "time-slider-issue#69").