1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-20 04:20:55 +01:00
phorge-phorge/webroot/rsrc/css/phui
epriestley 9ab22e21b3 Allow installs to customize project icons
Summary:
Ref T10010. Ref T5819. General alignment of the stars:

  - There were some hacks in Conduit around stripping `fa-...` off icons when reading and writing that I wanted to get rid of.
  - We probably have room for a subtitle in the new heavy nav, and using the icon name is a good starting point (and maybe good enough on its own?)
  - The project list was real bad looking with redundant tag/names, now it is very slightly less bad looking with non-redundant types?
  - Some installs will want to call Milestones something else, and this gets us a big part of the way there.
  - This may slightly help to reinforce "tag" vs "policy" vs "group" stuff?

---

I'm letting installs have enough rope to shoot themselves in the foot (e.g., define 100 icons). It isn't the end of the world if they reuse icons, and is clearly their fault.

I think the cases where 100 icons will break down are:

  - Icon selector dialog may get very unwieldy.
  - Query UI will be pretty iffy/huge with 100 icons.

We could improve these fairly easily if an install comes up with a reasonable use case for having 100 icons.

---

The UI on the icon itself in the list views is a little iffy -- mostly, it's too saturated/bold.

I'd ideally like to try either:

  - rendering a "shade" version (i.e. lighter, less-saturated color); or
  - rendering a "shade" tag with just the icon in it.

However, there didn't seem to be a way to do the first one right now (`fa-example sh-blue` doesn't work) and the second one had weird margins/padding, so I left it like this for now. I figure we can clean it up once we build the thick nav, since that will probably also want an identical element.

(I don't want to render a full tag with the icon + name since I think that's confusing -- it looks like a project/object tag, but is not.)

Test Plan:
{F1049905}

{F1049906}

Reviewers: chad

Reviewed By: chad

Subscribers: 20after4, Luke081515.2

Maniphest Tasks: T5819, T10010

Differential Revision: https://secure.phabricator.com/D14918
2016-01-08 14:01:53 -08:00
..
calendar Clicking in day view should create new event 2015-05-24 11:22:33 -07:00
phui-action-list.css [Redesign] Normalize menus and lists 2015-07-01 15:17:44 -07:00
phui-action-panel.css Usability updates to ActionPanel 2015-09-17 08:22:23 -07:00
phui-badge.css Prevent long text from breaking Badges 2015-07-27 07:55:09 -07:00
phui-big-info-view.css Add more NUX states 2015-12-21 11:15:54 -08:00
phui-box.css [Redesign] First rough pass at new ObjectBoxView 2015-05-07 14:11:44 -07:00
phui-button.css Update login icons 2015-07-16 17:14:50 -07:00
phui-crumbs-view.css Add Can Create Policy Capability to Phame Blogs 2015-11-08 07:00:18 -08:00
phui-document-pro.css Add Next and Previous UI to PhamePostView 2015-12-31 13:09:59 -08:00
phui-document-summary.css Add a Read More link to PHUIDocumentSummaryView 2015-12-19 12:49:23 -08:00
phui-document.css Improve Legalpad Preamble UI 2015-11-27 12:15:10 -08:00
phui-feed-story.css Clean up Phame a little 2015-07-29 17:03:13 -07:00
phui-fontkit.css Update Phriction for PHUIDocumentViewPro 2015-11-22 13:11:20 -08:00
phui-form-view.css Allow users to swipe away stacked actions on mobile 2015-12-22 19:17:11 -08:00
phui-form.css Give custom controls passable disabled states 2015-12-17 15:13:28 -08:00
phui-header-view.css Center button icons when on mobile displays 2015-07-18 12:18:59 -07:00
phui-icon-set-selector.css Allow installs to customize project icons 2016-01-08 14:01:53 -08:00
phui-icon.css Update login icons 2015-07-16 17:14:50 -07:00
phui-image-mask.css CSS polish, Pholio 2014-06-19 11:28:01 -07:00
phui-info-panel.css PHUIInfoPanel 2013-10-25 11:09:06 -07:00
phui-info-view.css PHUIDocumentViewPro tweaks 2015-11-03 13:43:26 -08:00
phui-list.css Straighten out reorder permissions on form configurations 2015-12-19 07:36:00 -08:00
phui-object-box.css Fix Calendar/Double Panel Headers 2015-07-16 17:15:27 -07:00
phui-object-item-list-view.css Build LauncherButton for PHUIObjectItemView 2015-09-04 10:34:25 -07:00
phui-pager.css [Redesign] PHUIPagerView 2015-06-02 14:34:04 -07:00
phui-pinboard-view.css [Redesign] Larger Font PostProcessor 2015-06-26 09:33:03 -07:00
phui-property-list-view.css Widen PHUIPropertyListView when ActionList isn't attached 2015-10-28 11:19:42 -07:00
phui-remarkup-preview.css Use new DocumentView for Legalpad previews 2015-11-24 10:07:39 -08:00
phui-spacing.css PHUIButtonView class 2013-06-12 18:23:35 -07:00
phui-status.css Remove negative margin in phui-status 2014-10-16 13:12:03 -07:00
phui-tag-view.css [Redesign] Larger Font PostProcessor 2015-06-26 09:33:03 -07:00
phui-text.css Implement color variables in CSS. 2013-06-19 20:25:41 -07:00
phui-timeline-view.css Link Timeline image to profile 2015-10-14 16:28:10 -07:00
phui-two-column-view.css Fix pre-wrap in two-column-view 2015-08-16 17:50:11 -07:00
phui-workboard-view.css Remove various unused beahviors from PHUIWorkboardView 2015-12-23 14:01:14 -08:00
phui-workpanel-view.css Better CSS for mobile workboards 2015-07-27 07:31:56 -07:00