Styling LibraryPreviewButton in skin.xml not possible if <Library> is inside <Splitter> instead of legacy <TableView> widget

[jus]

Tested on OSX 10.8.2 with lp:mixxx/1.11-skins which is merged from lp:mixxx/1.11

If the <Library> is wrapped inside the new <Splitter> widget, the default LibraryPreviewButton graphic is not shown, only an empty default button. Additionally you can not style the LibraryPreviewButton via skin.xml

If the <Library> is wrapped inside the legacy <TableView>widget, the default LibraryPreviewButton graphic is visible and you can can style the button as expected, e.g. by using
QPushButton#LibraryPreviewButton:!checked{ image: url(skin:/style/ic_library_preview_pause.png); }
QPushButton#LibraryPreviewButton:checked{ image: url(skin:/style/ic_library_preview_play.png); }

A small test skin.xml with 2 library tables, #1 with <TableView> and #2 with <Splitter> which shows the issue.

<!DOCTYPE skin>
<skin>
 <Background>
  <Path>background1280x800.png</Path>
  <BgColor>#000000</BgColor>
 </Background>

 <WidgetGroup>
  <Pos>0,0</Pos>
  <Size>1280,600</Size>
  <Layout>vertical</Layout>
  <Children>
   <!-- <TableView> Library sub-widget -->
   <WidgetGroup>
    <Pos>0,0</Pos>
    <Size>1280,300</Size>
    <Style>QGroupBox { background: red; }</Style>
    <Children>
     <TableView>
      <Style></Style>
     </TableView>
    </Children>
   </WidgetGroup>
   <!-- <Splitter> Library sub-widget -->
   <Splitter>
    <Size>1280,300</Size>
    <Style>QGroupBox { background: red; }</Style>
    <SplitSizes>1,10</SplitSizes>
    <Children>
     <WidgetGroup>
      <Layout>vertical</Layout>
      <Children>
       <!--Search Input Field-->
       <SearchBox></SearchBox>
       <!--Library Tree View-->
       <LibrarySidebar></LibrarySidebar>
      </Children>
     </WidgetGroup>
     <WidgetGroup>
      <!-- Library Table-->
      <Layout>vertical</Layout>
      <Children>
       <Library></Library>
      </Children>
     </WidgetGroup>
    </Children>
   </Splitter>
  </Children>
 </WidgetGroup>

</skin>

[RJ Skerry-Ryan (rryan)]

I think I ran into this also. I can't figure it out. If you change the button's border it works:

#LibraryPreviewButton {
  border: 0;
}

The <TableView> does a default styling of #LibraryPreviewButton like so:

#LibraryPreviewButton { background: transparent; border: 0; }

#LibraryPreviewButton:checked {
  image: url(:/images/library/ic_library_preview_pause.png);
}
#LibraryPreviewButton:!checked {
  image: url(:/images/library/ic_library_preview_play.png);
}

[RJ Skerry-Ryan (rryan)]

This is fixed (or at least the workaround works) right?

[Ferran Pujol (ferranpujol)]

This isn't an issue anymore right? LateNight works well. Shall we mark this as fixed?

[jus (jus)]

Marking fixed, since it works now with all skins. RJ probably fixed it along the way.

[Swiftb0y (swiftb0y)]

Mixxx now uses GitHub for bug tracking. This bug has been migrated to:
https://github.com/mixxxdj/mixxx/issues/6772