Shortcut position style not working

[sgoffman]

No matter what I apply as "style" for shortcuts (even copying the sample from the docs), they never move from the bottom left. E.g.:

type: custom:webrtc-camera
streams:
  - url: >-
      rtsp://user:[email protected]:80/cam/realmonitor?channel=7&subtype=1
    name: SD
  - url: >-
      rtsp://user:[email protected]:80/cam/realmonitor?channel=7&subtype=0
    name: HD
ui: true
style: >-
  .shortcuts {left: unset; top: 25px; right: 5px; display: flex; flex-direction: column}
  .pictureinpicture {display: none} 
  .mode {display: none}

Results in this:

[sgoffman]

Just tried changing ".shortcuts" to ".controls", and that works. Did the class change?

[TitjyDev]

Shortcuts and controls are differents. Shortcuts are for custom entities you would want to add to the card. Controls are for buttons provided by the card like play, fullscreen, screenshot... So, the shortcuts class will only work when you use the shortcuts entry:

type: custom:webrtc-camera
streams:
  - url: ...
shortcuts: ...
style:
  .shortcuts { ... }