Skip to content

✨ docs(tag): improved php tag function. #306

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
creador-dev wants to merge 1 commit into
base: development
Choose a base branch
from
Open

✨ docs(tag): improved php tag function. #306

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 10 additions & 14 deletions packages/ui/tag/stories/tabs/TabCode.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -67,15 +67,15 @@ import { Section, Row, Col, Table, List, Code, Tag, PackageInstallGuide, PropSec
<Section title="Function to add tags in plugin menu." border={true}>
<p>Use this function to use tags in plugin menu.</p>
<List>
<span label={"Replace plugin_id with the unique id of the plugin in the body tag."} />
<span label={"Replace plugin_id with the unique id of the plugin in the body tag and plugin_name in the class."} />
<span label={<><Code small={true}>li:nth-child(3)</Code> the number should be the item number in the list which to target. </>} />
</List>
<Snippet language="console" hideToggle={true}>
{`<?php
public function print_menu_styles() {
?>
<style>
#adminmenu #plugin_id li span.menu-tag {
#adminmenu #plugin_id li span.{plugin_name}-menu-tag {
background-color: #737373;
border-radius: 12px;
color: #ffffff;
Expand All @@ -90,47 +90,43 @@ public function print_menu_styles() {
width: 38px;
}

#adminmenu #plugin_id li span.menu-tag.menu-tag--green {
#adminmenu #plugin_id li span.{plugin_name}-menu-tag.{plugin_name}-menu-tag--green {
background-color: #138639;
}

#adminmenu #plugin_id li span.menu-tag.menu-tag--blue {
#adminmenu #plugin_id li span.{plugin_name}-menu-tag.{plugin_name}-menu-tag--blue {
background-color: #0059ff;
}

#adminmenu #plugin_id li span.menu-tag.menu-tag--navy {
#adminmenu #plugin_id li span.{plugin_name}-menu-tag.{plugin_name}-menu-tag--navy {
background-color: #0045c4;
}

#adminmenu #plugin_id li span.menu-tag.menu-tag--yellow {
#adminmenu #plugin_id li span.{plugin_name}-menu-tag.{plugin_name}-menu-tag--yellow {
background-color: #ffcc20;
color: #1a1a1a;
}

#adminmenu #plugin_id li span.menu-tag.menu-tag--red {
#adminmenu #plugin_id li span.{plugin_name}-menu-tag.{plugin_name}-menu-tag--red {
background-color: #f45c59;
}

#adminmenu #plugin_id li span.menu-tag.menu-tag--black {
#adminmenu #plugin_id li span.{plugin_name}-menu-tag.{plugin_name}-menu-tag--black {
background-color: #1a1a1a;
}

#adminmenu #plugin_id li span.menu-tag.menu-tag--white {
#adminmenu #plugin_id li span.{plugin_name}-menu-tag.{plugin_name}-menu-tag--white {
background-color: #ffffff;
color: #1a1a1a;
}

#adminmenu #plugin_id ul.wp-submenu li:nth-child(3) a {
color: #138639;
}
</style>
<?php
}
?>`}
</Snippet>
<Snippet language="php" hideToggle={true}>
{`public static function get_menu_title() {
return esc_html__( 'Reseller', 'thc' ) . '&nbsp;<span class="menu-tag menu-tag--green">' . esc_html__( 'NEW', 'plugin-name' ) . '</span>';
return esc_html__( 'Reseller', 'thc' ) . '&nbsp;<span class="{plugin_name}-menu-tag {plugin_name}-menu-tag--green">' . esc_html__( 'NEW', 'plugin-name' ) . '</span>';
}`}
</Snippet>
</Section>
Expand Down