A CSS variable --width is now used to control the expanded width of the cards. This width should be defined as the appropriate width of the card to maintain aspect ratio when the card is 200px tall (the defined height of the hotbar). Currently, there is a placeholder value of 138px to match the sample cards.
Eventually this number should be based on the real dimensions of the card images. However it should now be very easy for another module to correct the card widths by changing the value of the variable. It should also be possible to set the width independently between cards, so cards of varying sizes can coexist.
The hotbar can no longer overlap the sidebar.
A CSS variable
--width
is now used to control the expanded width of the cards. This width should be defined as the appropriate width of the card to maintain aspect ratio when the card is 200px tall (the defined height of the hotbar). Currently, there is a placeholder value of138px
to match the sample cards.Eventually this number should be based on the real dimensions of the card images. However it should now be very easy for another module to correct the card widths by changing the value of the variable. It should also be possible to set the width independently between cards, so cards of varying sizes can coexist.