Annoying detail, Switch Sprite - by ianstudio

This topic has 10 replies, 3 voices, and was last updated 9 years, 4 months ago ago by Robert Hall

  • Avatar: ianstudio
    ianstudio
    Participant
    September 10, 2014 at 12:58

    Hello,
    annoying little detail about the shop layout Switcher

    The switch-sprite.png images (dark or light) are set up as positive letting negative transparent areas be the “icon” by letting the css-specified color show through.. So when someone uses a background pattern for their page like me, the area surrounding the “icon” is white (in my case).. which of course looks pretty bad.

    It would be good IMO to build this differently so it’d be easier to just tweak css to change appearance, by loading positive image states/icons rather than an image where the background is colorised and shown through the transparency.

    It’s a tiny detail yet one tiny detail at a time someone can end up spending a lot of time customising stuff.

    THX

    PS: IMO icons should be font-based vectors..

    9 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    September 11, 2014 at 17:39

    Hello,

    If such variant doesn’t suit you you can make changes in custom.css file:

    .toolbar .switchToList, .toolbar .switchToList {background-color: custom-color!important;}
    .switchToGrid:hover, .switchToList:hover, .toolbar .switchToGrid.switcher-active, .toolbar .switchToList.switcher-active {background-color: custom-color !important;}

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: ianstudio
    ianstudio
    Participant
    September 13, 2014 at 12:57

    Thanks but you did not understand what I’m saying.. the sprites are png files (black for the dark theme and white for the light theme).. and the color that can be changed using the css above is the background, and thus the background color showing through the transparent areas of the png creates “the illusion of icons”.. but the white remains white (or black if using the dark theme) and does not look look on page with a pattern. Of course on a white page or a black page it’s ok.. on any other color.. no good.

    ___________________________________

    Hence why I was saying it would be much better to use real icons, like for example the menu icon to open the sidebar.. which is NOT a “make believe” show-through image that pretends to be an icon but really is a positive vector icon:

    .side-area-icon i:before,
    .menu-icon i:before {
    content: “\f0c9” !important;
    font-family: FontAwesome !important;

    font-size: 24px;
    color: #d3d3d3;
    }

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    September 15, 2014 at 14:59

    Hello,

    Sorry for a long delay.
    Thank you for the explanation. We understood you.
    You’re right and we’ll change it in our next update.

    Thank you.

    Regards,
    Eva Kemp.

    Avatar: ianstudio
    ianstudio
    Participant
    September 17, 2014 at 13:10

    Yeah :0))) T H A N KS !!!

    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 17, 2014 at 13:44

    Hello,

    You’re welcome!

    Regards,
    Robert Hall.

    Avatar: ianstudio
    ianstudio
    Participant
    November 5, 2014 at 19:40

    Any hope of seeing a new theme update soon.. that would include this little fix ?

    Avatar: Eva
    Eva Kemp
    Support staff
    November 5, 2014 at 22:01

    Hello,

    Sorry, but there is no exact date of a new release currently as the update is being tested.
    It should be produced soon.

    Sorry for inconveniences.
    Thank you for your patience.

    Regards,
    Eva Kemp.

    Avatar: ianstudio
    ianstudio
    Participant
    November 6, 2014 at 15:27

    Thanks

    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 6, 2014 at 15:28

    Hello,

    You’re welcome!

    Regards,
    Robert Hall.

  • Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Annoying detail, Switch Sprite’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.