Line weight with white border

  • Resolved kruemelbrot

    (@kruemelbrot)


    1 month ago

    Hi,

    I am acutally facing a kind of weird problem. I upload a GPX file which is displayed as expected in the waymark maps editing mode:

    Thickness of the red line is as expected.
    Now I embed this map in a posting, which then looks like this:

    You see: the thickness of the line increased and there is a white border around. If I click on the top right icon, I can select to not display the line. If I do so the line disappears, but I click on display the line again, it is displayed as expected:

    Furthermore, the elevation profile is gone. Whats wrong with my installation here?

    Thanks and best regards
    Marco

    edit: The issue doesn’t occur on a mobile device and does not exist in Safari on a Mac. But it occurs in chrome and in incognito mode on chrome (Mac). On a mobile device it even doesn’t occur with the chrome app.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Joe

    (@morehawes)

    1 month ago

    Hi @kruemelbrot,

    Thanks for reaching out and for the high level of detail… I am always happy to see screenshots! 🙂

    Unless I am missing something, this is actually the correct behaviour:

    • The white line indicates that the Elevation Profile is open and active on that particular Line. Once the Elevation Profile is closed, the “inactive” Line no longer has a white line.
    • When you stop displaying the Line using the Overlay Filter, the Elevation profile is closed. If you re-display the Line you must then click on it in order to “activate” the Elevation Profile.

    Do you see the same behaviour here? I noticed on your screenshot that the close button ([ x ]) isn’t displayed, which may be confusing things.

    I recommend checking out the Elevation Options if you haven’t already and please do let me know if you think of any improvements or anything that could be made clearer!

    Cheers,

    Joe

    Thread Starter kruemelbrot

    (@kruemelbrot)

    1 month ago

    Hi Joe,

    thanks for your quick response. 🙂
    Your description absolutely explains this behaviour. I wasn’t aware about the fact, that this white line is displayed only if the elevation profile is active. On my site, I hide the close button, thats why you don’t see it on my screenshots. However, I can’t find any configurations in the Elevation Options which affects the layout of the (white) line with active elevation profile. Is it possible to configure this behaviour with CSS?

    Thanks so far!

    Best
    Marco

    Plugin Author Joe

    (@morehawes)

    4 weeks ago

    Hi @kruemelbrot,

    However, I can’t find any configurations in the Elevation Options which affects the layout of the (white) line with active elevation profile. Is it possible to configure this behaviour with CSS?

    Good question! I hope you find this useful, I have updated the example:

    div.waymark-container .elevation-polyline {
  filter: drop-shadow(1px 1px 0 orange) drop-shadow(-1px -1px 0 orange) drop-shadow(1px -1px 0 orange) drop-shadow(-1px 1px 0 orange);
}

    Cheers,

    Joe

    • This reply was modified 4 weeks ago by Joe.
    Thread Starter kruemelbrot

    (@kruemelbrot)

    2 weeks, 3 days ago

    Hi @morehawes ,

    thanks for the update on the examples, I found this helpful. With this CSS I am able to remove the white border which is perfect. But there are two more things to consider:

    • The line is thicker if the elevation profile is active. Why is that? Is it possible to have the same thickness as the maps without elevation profile? I don’t see any reasons to display another line design just by displaying the elevation profile.
    • I can show the elevation profile always by default which is perfect. When the elevation is shown, I can close it by click the X on the right corner. But I can’t find any option to show the elevation profile again after I closed it. Workaround is to reload the page. Or did I missed something? I can remove the closing “X” with CSS, which I already did. So this is kind of not really an issue for me, but I can reproduce this behaviour on your example pages, too.

    Sorry for bothering you with my questions!
    Thanks and best regards
    Marco

    Plugin Author Joe

    (@morehawes)

    2 weeks, 3 days ago

    Hi @kruemelbrot,

    Please see my above response.

    • The white line indicates that the Elevation Profile is open and active on that particular Line. Once the Elevation Profile is closed, the “inactive” Line no longer has a white line.
    • When you stop displaying the Line using the Overlay Filter, the Elevation profile is closed. If you re-display the Line you must then click on it in order to “activate” the Elevation Profile.

    I believe you are referring to is the fact that when the Elevation profile is open for a particular Line, it’s appearance changes (i.e. it becomes “active”). This is intentional and very handy when you have multiple Lines, each with their own Elevation profile.

    Once closed, clicking the Line will re-open the Elevation profile.

    You should see the same behaviour at this example. I hope this helps please do let me know if this is not the case for you.

    Cheers,

    Joe

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.