Audio TabIcon Plus side setting update

[DaitiDay]

Since it has been requested by some users, I have updated the css snippet of my theme by adding the possibility to choose through a variable the side on which to show the audio icon.

The new snippet is as follows:

.tab-icon-overlay {
  -moz-box-ordinal-group: 0 !important;
  border-radius: 50% !important;
  margin: initial !important;
  visibility: visible !important;
  margin-right: -16px !important;
  opacity: 1 !important;
  transform: translate(60%, -35%) scale(0.7) !important;
  color: light-dark(white, black) !important;
  background-color: light-dark(black, white) !important;
}

@media ( -moz-bool-pref: "uc.audio-tabicon.left-side") {
  .tab-icon-overlay {
    transform: translate(-50%, -35%) scale(0.7) !important;
  }
}

.tab-icon-overlay:hover {
  color: light-dark(white, black) !important;
  background-color: light-dark(black, white) !important;
}

.tab-icon-overlay:is([soundplaying], [muted]):not([selected]) {
  display: block !important;
}

In addition, this is the preferences.json

{
  "uc.audio-tabicon.left-side": "Move the audio/mute icon to the left side"
}

I hope everything is ok and the theme can be updated.

[ProbablyM-S]

You opened an issue instead of a pr? :/

[DaitiDay]

Following the documentation, I opened an issue