What conditions hide the timeline on mobiles ?

vicb

Hi there,

I am trying to adapt the sounding plugin to work on mobile. One problem that I have is that the timeline at the bottom of the disappear when the plugin is opened:

When I open the built-in soundings, the timeline does not get hidden.

Could someone please explain what are the conditions to show/hide the timeline ?

Thanks

vicb

It seems like the culprit is this CSS:

.onwindy-plugin-sounding {
  .left-border {
    left: @width;
  }
}

The thing is that I want to display the plugin in the left pane on desktops and tablets and in a window on mobile.

I am not sure if there is a built-in way to do that ?

There is not consistent class applied to the body. It could be platform-desktop, platform-ios, platform-android, ... but I haven't found a way to detect mobile vs not mobile using the class applied to the body.

If it doesn't exist, I'll add a custom class.

Anybody knows more ?

rittels

@vicb

Hi.

The device id, is added to the html element:

#device-desktop, #device-mobile or #device-tablet.

vicb

I was able to solve this using

The less mixins .mobile(), .desktop(), ...

The root scope variables isMobile, ...