Some glitches with subselectors

  • Emmanuel Atsé

    (@eatse)


    2 weeks, 5 days ago

    Hi, I found some problems working with subselectors, here is a screencast:
    https://drive.google.com/file/d/1dZzKNttrkQL9GTvloNpXr4AsjpKnzw_h/view?usp=sharing

    (GS version 12.5)

    1. When pasting subselectors copied from a class, they do not appear directly after clicking “Add”, you need to click on the class name to deselect it and click again to reselect it to access your newly pasted subselectors
    2. When pasting a “::before” subselector (I don’t know if it does the same on other kinds), the generated CSS keeps the class name of the original class, so it doesn’t do anything
    3. When deleting a subselector, and trying to re-add it again, when entering enter to add the subselector, this does nothing. You need to first unselect the class, reselect it, and then now you can add again the subselector.

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Illia Sanz

    (@illiagreen)

    2 weeks, 5 days ago

    Unfortunately, this is correct. When you use {CURRENT} placeholder – it will be replaced in css, so it will be .cta{}

    But when you copy this selector, styles are also copied, so it’s still .cta

    Styles are generated in time when you add them, so, if you make some changes in your .cta2, I think {CURRENT} will be also replaced in styles with correct name. Otherwise, if you just copy class and do not change anything in it, then why do you need two classes with the same styles?

    Thread Starter Emmanuel Atsé

    (@eatse)

    2 weeks, 5 days ago

    Of course, the example I showed is not very useful as it was just for showing with little steps

    I just re-tested with other options, like with a span subselector and simple background color, and in fact, it does keep the original class name for any kind of style, not just custom css.

    Indeed, it’s not a problem if you modify the subselector because it will be changed accordingly, but it can be problematic for a more complex class with several subselectors : you maybe just modify one or two subselectors, or even maybe just the parent class, and leave untouched other subselectors

    Now it becomes hard to find what’s wrong and to fix the issue. It happened several times to me but I never had a chance to find why until recently

    Imagine you want to have your own version of “Magnetic Vertical tabs” template class, you modify some parts but not all

    View post on imgur.com

    (talking about this one, try copy/pasting its .gs_tabs_vertical styles and subselectors to a new class, it will be completely broken…)

    Plugin Support Illia Sanz

    (@illiagreen)

    2 weeks, 3 days ago

    I am not sure what you are trying to do but I believe there is proper way to do this. So, instead of copying classes (why?), you need to duplicate whole block. Then click on class, brush icon and select to rename class. This will rename class and you have new class with all subselectors.

    Thread Starter Emmanuel Atsé

    (@eatse)

    2 weeks, 3 days ago

    Hi,

    Why? because if there’s a copy/paste feature, this should work, otherwise there is a buggy feature pending in GS for which one’s need to find and know a workaround. There’s just times where you might copy a class, I’m not explaining here many workflows that could use this feature, just simply reporting the problem.

    And for your workaround, this is how it goes:

    https://drive.google.com/file/d/1Vny5PJ8jI3QEkHJswPZoJ_TE6EM0zwE0/view?usp=sharing

    Plugin Support Illia Sanz

    (@illiagreen)

    2 weeks, 3 days ago

    you are right, of course. I will report to devs

    Thread Starter Emmanuel Atsé

    (@eatse)

    2 weeks, 3 days ago

    Thanks, have a nice day!

Viewing 6 replies - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.