#2878 closed enhancement (fixed)
Add bbPress and BuddyPress Dashicons to the devhub dashicon reference
Reported by: | netweb | Owned by: | |
---|---|---|---|
Milestone: | Priority: | normal | |
Component: | Developer Hub | Keywords: | has-patch |
Cc: |
Description
Via Slack #design-dashicons discussion https://wordpress.slack.com/archives/C03EESJAW/p1497538646664672
Previously bbPress and BuddyPress Dashicons were "hidden" from all Dashicons references as a way of obfuscating this information so that they were available "exclusively" to the bb's.
Now that the Dashicons are being migrated to SVGs these icons now need to be published so that the build tools can accommodate these ~12 SVG Dashicons
References:
Attachments (1)
Change History (15)
This ticket was mentioned in Slack in #design-dashicons by netweb. View the logs.
7 years ago
#3
@
7 years ago
Hello,
You can be helpful by suggesting a title for this new section or if we should put it under an existing section (i.e. "Products").
#4
@
7 years ago
Maybe add the bbPress and BuddyPress icons to the existing "Products" section and the remaining in either the "WordPress.org Specific: Jobs, Profiles, WordCamps" or "Misc" sections, I don't think we need a new section for them
#5
follow-up:
↓ 6
@
7 years ago
Is there a complete listing of all the related dashicons we're talking about here?
I only know of the 4 dashicons for bbPress as listed on its Logos and Icons Codex page. Is there a similar listing for BuddyPress dashicons?
#6
in reply to:
↑ 5
@
7 years ago
Replying to coffee2code:
Is there a complete listing of all the related dashicons we're talking about here?
I only know of the 4 dashicons for bbPress as listed on its Logos and Icons Codex page. Is there a similar listing for BuddyPress dashicons?
I've added the BuddyPress dashicons to https://codex.buddypress.org/official-fonts-and-logos/#dashicons-icons
tl;dr: Here's them all:
<div class="dashicons dashicons-buddypress-logo"></div>
/ content: "\f448";
<div class="dashicons dashicons-buddypress-activity"></div>
/ content: "\f452";
<div class="dashicons dashicons-buddypress-community"></div>
/ content: "\f307";
<div class="dashicons dashicons-buddypress-friends"></div>
/ content: "\f454";
<div class="dashicons dashicons-buddypress-groups"></div>
/ content: "\f456";
<div class="dashicons dashicons-buddypress-pm"></div>
/ content: "\f457";
<div class="dashicons dashicons-buddypress-tracking"></div>
/ content: "\f???";
<div class="dashicons dashicons-bbpress-logo"></div>
/ content: "\f477";
<div class="dashicons dashicons-bbpress-forum"></div>
/ content: "\f449";
<div class="dashicons dashicons-bbpress-topic"></div>
/ content: "\f450";
<div class="dashicons dashicons-bbpress-reply"></div>
/ content: "\f451";
I can't seem to find the fXXX
id for the buddypress-tracking icon though, will hunt around some more and update later
#7
@
7 years ago
- Keywords has-patch reporter-feedback added; needs-patch removed
2878.patch attempts to have the code ready for use.
I don't see the icons into the dashicons.css yet when viewing the source of http://developer.wordpressorg.dev/dashicons but if you check the repo on https://github.com/WordPress/dashicons/blob/master/icon-font/dashicons.css#L262 you will see some of the icons implemented.
I changed the styles of what @netweb wrote according to that repo's css and also added the tracking
one as it's code is probably going to be
.dashicons-buddicons-tracking:before { content:"\f455"; }
When the .css gets updated from that repo the icons should be working fine as well.
Attention:
<div alt="f449" class="dashicons dashicons-buddipress-bbpress-forum">bbpress forum</div> <div alt="f450" class="dashicons dashicons-buddipress-bbpress-topic">bbpress topic</div> <div alt="f451" class="dashicons dashicons-buddipress-bbpress-reply">bbpress reply</div>
These do not yet exist on the repo's .css but are already in place as well.
#8
follow-up:
↓ 9
@
7 years ago
- Keywords reporter-feedback removed
Now that I think about it, this request is a bit premature.
While the aforementioned dashicons for bbPress and BuddyPress may exist (and are accessible via CSS, e.g. content: "\f477";
), the CSS needed for the HTML use suggested by the DevHub Dashicons page (e.g. <span class="dashicons dashicons-bbpress-logo"></span>
) won't work out of the box for users until WP core's dashicons.css
(last updated 2016-03-18) is updated to include the :before
styling for these "new" icons.
I know these styles have already been added to the dashicon project's dashicons.css on GitHub, but they need to make their way to WP core's dashicons.css
file before they are fully available to users (and thus able to be shown on DevHub). Since the file doesn't seem to get updated before each release, I'm not sure what the timetable for the next sync is. Maybe @melchoyce or @ryelle might have some insight?
#9
in reply to:
↑ 8
@
7 years ago
Replying to coffee2code:
Now that I think about it, this request is a bit premature.
While the aforementioned dashicons for bbPress and BuddyPress may exist (and are accessible via CSS, e.g.
content: "\f477";
), the CSS needed for the HTML use suggested by the DevHub Dashicons page (e.g.<span class="dashicons dashicons-bbpress-logo"></span>
) won't work out of the box for users until WP core'sdashicons.css
(last updated 2016-03-18) is updated to include the:before
styling for these "new" icons.
I know these styles have already been added to the dashicon project's dashicons.css on GitHub, but they need to make their way to WP core's
dashicons.css
file before they are fully available to users (and thus able to be shown on DevHub). Since the file doesn't seem to get updated before each release, I'm not sure what the timetable for the next sync is. Maybe @melchoyce or @ryelle might have some insight?
I moved #WP41074 "Create new Dashicons (4.9)" into the 4.9 milestone a week or so back so that the dashicon changes that have gone in over the past ~18 months will "hopefully" land in 4.9 :)
Exclusivity is not a requirement for the bb's. It was more to avoid the "what makes the bb's so special" question. I will be excited for the day someone makes a plugin that really shows off how great the Piñata icon is.
The individual icons are inevitably compiled into a font that can be publicly browsed by anyone, so there is no way to properly hide them from anyone but ourselves.
The Dashicons process is foreign to me, so I'm unsure how to best be helpful, other than to be appreciative and supportive of whatever happens next. :)