Library visibility changes

[JohnPixle]

As discussed in the meeting, we are proceeding as follows with the container Library:

• [x] Remove "Styles Tab from the Editor Library Popup. Inside the Elementor Editor library, we will remove the "Styles" Tab, from where currently users can import Styles Kits.
• [x] Remove patterns tab from WP Dashboard. In the WP dashboard, we will remove the patterns from the Library page.
• [x] Rename "Theme Style Kits" submenu item into "Local Style Kits".
• [x] Move the "Global Style Kit" dropdown selector to the Local Style Kits page (mockup below)

• [x] From Style Kits settings, remove the dropdown, and add a description text in its place: This option in now in the Local Style Kits page.

Please note:

-[ ] The old library remains the same

[JohnPixle]

• [x] Also, one thing we must do in this panel is to change the GSK link to the Local Style Kits instead of settings.
• [x] Also, on the same panel the "you are editing the Global Style Kit message has lost it's styling due to the latest changes in notices. Can we apply a notice class on it?

[JohnPixle]

@lushkant Overall, looking good. Some quick tweaks:

• [x] Let's hide the tabs from the header if possible, no need to have them anymore.

• [x] When you do this, you will see that headers will need some padding on top and bottom. 8px top and bottom worked, when I added it to this class: .libPxx {padding: 8px 24px;}

• [x] Change the text at the SK library from:

These are some Style Kit presets that you can use as a starting point. Once you import a Style Kit, it will be added to your Style Kits list. You will then be able to apply it on any Elementor page. Learn more.

to:

Style Kits are ready-made configurations of theme styles. When you import a Style Kit, it will be available in the local Style kits page. You will then be able apply it globally, or on any page. Learn more.

In Local style kits page

• [x] let's increase the width of the GSK dropdown (width:10rem; feels good)
• [x] Let's change the text to:

A list of all the imported and custom Style Kits. A global Style Kit is the one that applies globally on your site. You can set a Global Style Kit below. Learn more.

• [x] When I hit the APPLY button, I should see a notification that says "

All good! The Style Kit has been set as Global.

[JohnPixle]

@lushkant All perfect.

• [x] I just noticed that we use many different font sizes, can we set the text at the Local Style Kits page to be 14px? It is 13 now. I see that overall font size in the WP dashboard is 14px. Let's stick to that. We already do so in SK Settings.

• [x] Let's do the same for the description Text in the SK library, font-size: 14px; line-height: 1.5; and also let's give it some love:

#analogwp-templates .tab-description {
    margin: 12px 0 40px;
    padding: 16px;
    background-color: #F9F9F8;
    border-radius: 6px;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 0px 1px; }

I know, I am exploding your head with my CSS Skills 🤯 😎