diff --git a/resources/celerity/map.php b/resources/celerity/map.php index 3860a99b98..6b5bb50dc9 100644 --- a/resources/celerity/map.php +++ b/resources/celerity/map.php @@ -7,10 +7,10 @@ return array( 'names' => array( - 'core.pkg.css' => '95ab640c', + 'core.pkg.css' => '377958a6', 'core.pkg.js' => 'c907bd96', 'darkconsole.pkg.js' => 'ca8671ce', - 'differential.pkg.css' => '827749c1', + 'differential.pkg.css' => '5a65a762', 'differential.pkg.js' => '322ea941', 'diffusion.pkg.css' => '3783278d', 'diffusion.pkg.js' => '7b51e80a', @@ -56,7 +56,7 @@ return array( 'rsrc/css/application/countdown/timer.css' => '86b7b0a0', 'rsrc/css/application/diff/inline-comment-summary.css' => '14a91639', 'rsrc/css/application/differential/add-comment.css' => 'c478bcaa', - 'rsrc/css/application/differential/changeset-view.css' => 'cb858fc0', + 'rsrc/css/application/differential/changeset-view.css' => '82431767', 'rsrc/css/application/differential/core.css' => '8135cb0c', 'rsrc/css/application/differential/local-commits-view.css' => '19649019', 'rsrc/css/application/differential/results-table.css' => '239924f9', @@ -153,7 +153,7 @@ return array( 'rsrc/css/sprite-conpherence.css' => '084b1f13', 'rsrc/css/sprite-docs.css' => '7ea4927e', 'rsrc/css/sprite-gradient.css' => 'a10def53', - 'rsrc/css/sprite-icons.css' => '069bd38d', + 'rsrc/css/sprite-icons.css' => 'ce73ef3e', 'rsrc/css/sprite-login.css' => 'fa00ebdc', 'rsrc/css/sprite-main-header.css' => 'ba949d0d', 'rsrc/css/sprite-menu.css' => '9db4da0b', @@ -308,8 +308,8 @@ return array( 'rsrc/image/sprite-docs-X2.png' => '520858fa', 'rsrc/image/sprite-docs.png' => '4636297f', 'rsrc/image/sprite-gradient.png' => '4ece0b62', - 'rsrc/image/sprite-icons-X2.png' => '9248e474', - 'rsrc/image/sprite-icons.png' => '568c23a2', + 'rsrc/image/sprite-icons-X2.png' => '2e9bb665', + 'rsrc/image/sprite-icons.png' => 'edbe6b0d', 'rsrc/image/sprite-login-X2.png' => 'd2132242', 'rsrc/image/sprite-login.png' => '7f878f1d', 'rsrc/image/sprite-main-header.png' => 'bca643fc', @@ -495,7 +495,7 @@ return array( 'conpherence-notification-css' => 'f9ba9914', 'conpherence-update-css' => '1099a660', 'conpherence-widget-pane-css' => '87b12e0c', - 'differential-changeset-view-css' => 'cb858fc0', + 'differential-changeset-view-css' => '82431767', 'differential-core-view-css' => '8135cb0c', 'differential-inline-comment-editor' => 'f2441746', 'differential-local-commits-view-css' => '19649019', @@ -778,7 +778,7 @@ return array( 'sprite-conpherence-css' => '084b1f13', 'sprite-docs-css' => '7ea4927e', 'sprite-gradient-css' => 'a10def53', - 'sprite-icons-css' => '069bd38d', + 'sprite-icons-css' => 'ce73ef3e', 'sprite-login-css' => 'fa00ebdc', 'sprite-main-header-css' => 'ba949d0d', 'sprite-menu-css' => '9db4da0b', diff --git a/resources/sprite/icons_1x/ok.png b/resources/sprite/icons_1x/ok.png new file mode 100644 index 0000000000..12da87d50e Binary files /dev/null and b/resources/sprite/icons_1x/ok.png differ diff --git a/resources/sprite/icons_2x/ok.png b/resources/sprite/icons_2x/ok.png new file mode 100644 index 0000000000..d6a322e41d Binary files /dev/null and b/resources/sprite/icons_2x/ok.png differ diff --git a/resources/sprite/icons_grey_1x/ok.png b/resources/sprite/icons_grey_1x/ok.png new file mode 100644 index 0000000000..65f9a7fc51 Binary files /dev/null and b/resources/sprite/icons_grey_1x/ok.png differ diff --git a/resources/sprite/icons_grey_2x/ok.png b/resources/sprite/icons_grey_2x/ok.png new file mode 100644 index 0000000000..5b6799bf7d Binary files /dev/null and b/resources/sprite/icons_grey_2x/ok.png differ diff --git a/resources/sprite/icons_white_1x/ok.png b/resources/sprite/icons_white_1x/ok.png new file mode 100644 index 0000000000..8d6ba06d9d Binary files /dev/null and b/resources/sprite/icons_white_1x/ok.png differ diff --git a/resources/sprite/icons_white_2x/ok.png b/resources/sprite/icons_white_2x/ok.png new file mode 100644 index 0000000000..fcf2a2036c Binary files /dev/null and b/resources/sprite/icons_white_2x/ok.png differ diff --git a/resources/sprite/manifest/icons.json b/resources/sprite/manifest/icons.json index 9061002981..c405eec7aa 100644 --- a/resources/sprite/manifest/icons.json +++ b/resources/sprite/manifest/icons.json @@ -841,6 +841,21 @@ "rule" : ".icons-octocat-white, .device-desktop .phabricator-action-view:hover .icons-octocat, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-octocat", "hash" : "bda54b23d423de7b35a964ce9fdea4f2" }, + "icons-ok" : { + "name" : "icons-ok", + "rule" : ".icons-ok", + "hash" : "6b2617f884e0d2ccb86dcef002d589ba" + }, + "icons-ok-grey" : { + "name" : "icons-ok-grey", + "rule" : ".icons-ok-grey", + "hash" : "9cfda8cc4cb2dbca5f99a24efa5705a3" + }, + "icons-ok-white" : { + "name" : "icons-ok-white", + "rule" : ".icons-ok-white, .device-desktop .phabricator-action-view:hover .icons-ok, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-ok", + "hash" : "cabecea04bc54ca57214fa53f6eb5118" + }, "icons-pause" : { "name" : "icons-pause", "rule" : ".icons-pause", diff --git a/src/applications/uiexample/examples/PHUITagExample.php b/src/applications/uiexample/examples/PHUITagExample.php index f5b9d852dc..2f3ec474f4 100644 --- a/src/applications/uiexample/examples/PHUITagExample.php +++ b/src/applications/uiexample/examples/PHUITagExample.php @@ -125,7 +125,7 @@ final class PHUITagExample extends PhabricatorUIExample { $icons[] = id(new PHUITagView()) ->setType(PHUITagView::TYPE_STATE) ->setBackgroundColor(PHUITagView::COLOR_GREEN) - ->setIcon('check-white') + ->setIcon('ok-white') ->setName('Passed'); $icons[] = hsprintf('

'); $icons[] = id(new PHUITagView()) @@ -137,7 +137,7 @@ final class PHUITagExample extends PhabricatorUIExample { $icons[] = id(new PHUITagView()) ->setType(PHUITagView::TYPE_STATE) ->setBackgroundColor(PHUITagView::COLOR_BLUE) - ->setIcon('refresh-white') + ->setIcon('play-white') ->setName('Running'); $icons[] = hsprintf('

'); $icons[] = id(new PHUITagView()) diff --git a/webroot/rsrc/css/sprite-icons.css b/webroot/rsrc/css/sprite-icons.css index 3ba1161088..46aebbf1a9 100644 --- a/webroot/rsrc/css/sprite-icons.css +++ b/webroot/rsrc/css/sprite-icons.css @@ -13,7 +13,7 @@ only screen and (min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 1.5) { .sprite-icons { background-image: url(/rsrc/image/sprite-icons-X2.png); - background-size: 240px 240px; + background-size: 240px 255px; } } @@ -242,798 +242,810 @@ only screen and (-webkit-min-device-pixel-ratio: 1.5) { background-position: -105px -45px; } -.icons-pause { +.icons-ok { background-position: -120px -45px; } -.icons-perflab { +.icons-pause { background-position: -135px -45px; } -.icons-play { +.icons-perflab { background-position: -150px -45px; } -.icons-popout { +.icons-play { background-position: -165px -45px; } -.icons-preview { +.icons-popout { background-position: -180px -45px; } -.icons-project { +.icons-preview { background-position: -195px -45px; } -.icons-raise-priority { +.icons-project { background-position: -210px -45px; } -.icons-refresh { +.icons-raise-priority { background-position: -225px -45px; } -.icons-remove { +.icons-refresh { background-position: 0px -60px; } -.icons-search { +.icons-remove { background-position: -15px -60px; } -.icons-start-sandcastle { +.icons-search { background-position: -30px -60px; } -.icons-stop { +.icons-start-sandcastle { background-position: -45px -60px; } -.icons-tag { +.icons-stop { background-position: -60px -60px; } -.icons-transcript { +.icons-tag { background-position: -75px -60px; } -.icons-undo { +.icons-transcript { background-position: -90px -60px; } -.icons-unlock { +.icons-undo { background-position: -105px -60px; } -.icons-unmerge { +.icons-unlock { background-position: -120px -60px; } -.icons-unpublish { +.icons-unmerge { background-position: -135px -60px; } -.icons-upload { +.icons-unpublish { background-position: -150px -60px; } -.icons-user { +.icons-upload { background-position: -165px -60px; } -.icons-warning { +.icons-user { background-position: -180px -60px; } -.icons-world { +.icons-warning { background-position: -195px -60px; } -.icons-wrench { +.icons-world { background-position: -210px -60px; } -.icons-zip { +.icons-wrench { background-position: -225px -60px; } -.icons-action-menu-grey { +.icons-zip { background-position: 0px -75px; } -.icons-arrow_left-grey { +.icons-action-menu-grey { background-position: -15px -75px; } -.icons-arrow_right-grey { +.icons-arrow_left-grey { background-position: -30px -75px; } -.icons-attach-grey { +.icons-arrow_right-grey { background-position: -45px -75px; } -.icons-backward-grey { +.icons-attach-grey { background-position: -60px -75px; } -.icons-blame-grey { +.icons-backward-grey { background-position: -75px -75px; } -.icons-calendar-grey { +.icons-blame-grey { background-position: -90px -75px; } -.icons-check-grey { +.icons-calendar-grey { background-position: -105px -75px; } -.icons-comment-grey { +.icons-check-grey { background-position: -120px -75px; } -.icons-computer-grey { +.icons-comment-grey { background-position: -135px -75px; } -.icons-create-grey { +.icons-computer-grey { background-position: -150px -75px; } -.icons-data-grey { +.icons-create-grey { background-position: -165px -75px; } -.icons-delete-grey { +.icons-data-grey { background-position: -180px -75px; } -.icons-disable-grey { +.icons-delete-grey { background-position: -195px -75px; } -.icons-dislike-grey { +.icons-disable-grey { background-position: -210px -75px; } -.icons-download-alt-grey { +.icons-dislike-grey { background-position: -225px -75px; } -.icons-download-grey { +.icons-download-alt-grey { background-position: 0px -90px; } -.icons-edit-grey { +.icons-download-grey { background-position: -15px -90px; } -.icons-enable-grey { +.icons-edit-grey { background-position: -30px -90px; } -.icons-file-grey { +.icons-enable-grey { background-position: -45px -90px; } -.icons-film-grey { +.icons-file-grey { background-position: -60px -90px; } -.icons-flag-0-grey { +.icons-film-grey { background-position: -75px -90px; } -.icons-flag-1-grey { +.icons-flag-0-grey { background-position: -90px -90px; } -.icons-flag-2-grey { +.icons-flag-1-grey { background-position: -105px -90px; } -.icons-flag-3-grey { +.icons-flag-2-grey { background-position: -120px -90px; } -.icons-flag-4-grey { +.icons-flag-3-grey { background-position: -135px -90px; } -.icons-flag-5-grey { +.icons-flag-4-grey { background-position: -150px -90px; } -.icons-flag-6-grey { +.icons-flag-5-grey { background-position: -165px -90px; } -.icons-flag-7-grey { +.icons-flag-6-grey { background-position: -180px -90px; } -.icons-flag-ghost-grey { +.icons-flag-7-grey { background-position: -195px -90px; } -.icons-flag-grey { +.icons-flag-ghost-grey { background-position: -210px -90px; } -.icons-folder-open-grey { +.icons-flag-grey { background-position: -225px -90px; } -.icons-fork-grey { +.icons-folder-open-grey { background-position: 0px -105px; } -.icons-forward-grey { +.icons-fork-grey { background-position: -15px -105px; } -.icons-herald-grey { +.icons-forward-grey { background-position: -30px -105px; } -.icons-highlight-grey { +.icons-herald-grey { background-position: -45px -105px; } -.icons-history-grey { +.icons-highlight-grey { background-position: -60px -105px; } -.icons-home-grey { +.icons-history-grey { background-position: -75px -105px; } -.icons-image-grey { +.icons-home-grey { background-position: -90px -105px; } -.icons-like-grey { +.icons-image-grey { background-position: -105px -105px; } -.icons-link-grey { +.icons-like-grey { background-position: -120px -105px; } -.icons-lint-info-grey { +.icons-link-grey { background-position: -135px -105px; } -.icons-lint-ok-grey { +.icons-lint-info-grey { background-position: -150px -105px; } -.icons-lint-warning-grey { +.icons-lint-ok-grey { background-position: -165px -105px; } -.icons-lock-grey { +.icons-lint-warning-grey { background-position: -180px -105px; } -.icons-love-grey { +.icons-lock-grey { background-position: -195px -105px; } -.icons-lower-priority-grey { +.icons-love-grey { background-position: -210px -105px; } -.icons-merge-grey { +.icons-lower-priority-grey { background-position: -225px -105px; } -.icons-message-grey { +.icons-merge-grey { background-position: 0px -120px; } -.icons-meta-mta-grey { +.icons-message-grey { background-position: -15px -120px; } -.icons-move-grey { +.icons-meta-mta-grey { background-position: -30px -120px; } -.icons-music-grey { +.icons-move-grey { background-position: -45px -120px; } -.icons-new-grey { +.icons-music-grey { background-position: -60px -120px; } -.icons-none-grey { +.icons-new-grey { background-position: -75px -120px; } -.icons-normal-priority-grey { +.icons-none-grey { background-position: -90px -120px; } -.icons-octocat-grey { +.icons-normal-priority-grey { background-position: -105px -120px; } -.icons-pause-grey { +.icons-octocat-grey { background-position: -120px -120px; } -.icons-perflab-grey { +.icons-ok-grey { background-position: -135px -120px; } -.icons-play-grey { +.icons-pause-grey { background-position: -150px -120px; } -.icons-popout-grey { +.icons-perflab-grey { background-position: -165px -120px; } -.icons-preview-grey { +.icons-play-grey { background-position: -180px -120px; } -.icons-project-grey { +.icons-popout-grey { background-position: -195px -120px; } -.icons-raise-priority-grey { +.icons-preview-grey { background-position: -210px -120px; } -.icons-refresh-grey { +.icons-project-grey { background-position: -225px -120px; } -.icons-remove-grey { +.icons-raise-priority-grey { background-position: 0px -135px; } -.icons-search-grey { +.icons-refresh-grey { background-position: -15px -135px; } -.icons-start-sandcastle-grey { +.icons-remove-grey { background-position: -30px -135px; } -.icons-stop-grey { +.icons-search-grey { background-position: -45px -135px; } -.icons-tag-grey { +.icons-start-sandcastle-grey { background-position: -60px -135px; } -.icons-transcript-grey { +.icons-stop-grey { background-position: -75px -135px; } -.icons-undo-grey { +.icons-tag-grey { background-position: -90px -135px; } -.icons-unlock-grey { +.icons-transcript-grey { background-position: -105px -135px; } -.icons-unmerge-grey { +.icons-undo-grey { background-position: -120px -135px; } -.icons-unpublish-grey { +.icons-unlock-grey { background-position: -135px -135px; } -.icons-upload-grey { +.icons-unmerge-grey { background-position: -150px -135px; } -.icons-user-grey { +.icons-unpublish-grey { background-position: -165px -135px; } -.icons-warning-grey { +.icons-upload-grey { background-position: -180px -135px; } -.icons-world-grey { +.icons-user-grey { background-position: -195px -135px; } -.icons-wrench-grey { +.icons-warning-grey { background-position: -210px -135px; } -.icons-zip-grey { +.icons-world-grey { background-position: -225px -135px; } -.icons-action-menu-white, .device-desktop .phabricator-action-view:hover .icons-action-menu, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-action-menu { +.icons-wrench-grey { background-position: 0px -150px; } -.icons-arrow_left-white, .device-desktop .phabricator-action-view:hover .icons-arrow_left, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-arrow_left { +.icons-zip-grey { background-position: -15px -150px; } -.icons-arrow_right-white, .device-desktop .phabricator-action-view:hover .icons-arrow_right, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-arrow_right { +.icons-action-menu-white, .device-desktop .phabricator-action-view:hover .icons-action-menu, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-action-menu { background-position: -30px -150px; } -.icons-attach-white, .device-desktop .phabricator-action-view:hover .icons-attach, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-attach { +.icons-arrow_left-white, .device-desktop .phabricator-action-view:hover .icons-arrow_left, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-arrow_left { background-position: -45px -150px; } -.icons-backward-white, .device-desktop .phabricator-action-view:hover .icons-backward, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-backward { +.icons-arrow_right-white, .device-desktop .phabricator-action-view:hover .icons-arrow_right, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-arrow_right { background-position: -60px -150px; } -.icons-blame-white, .device-desktop .phabricator-action-view:hover .icons-blame, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-blame { +.icons-attach-white, .device-desktop .phabricator-action-view:hover .icons-attach, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-attach { background-position: -75px -150px; } -.icons-calendar-white, .device-desktop .phabricator-action-view:hover .icons-calendar, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-calendar { +.icons-backward-white, .device-desktop .phabricator-action-view:hover .icons-backward, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-backward { background-position: -90px -150px; } -.icons-check-white, .device-desktop .phabricator-action-view:hover .icons-check, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-check { +.icons-blame-white, .device-desktop .phabricator-action-view:hover .icons-blame, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-blame { background-position: -105px -150px; } -.icons-comment-white, .device-desktop .phabricator-action-view:hover .icons-comment, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-comment { +.icons-calendar-white, .device-desktop .phabricator-action-view:hover .icons-calendar, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-calendar { background-position: -120px -150px; } -.icons-computer-white, .device-desktop .phabricator-action-view:hover .icons-computer, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-computer { +.icons-check-white, .device-desktop .phabricator-action-view:hover .icons-check, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-check { background-position: -135px -150px; } -.icons-create-white, .device-desktop .phabricator-action-view:hover .icons-create, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-create { +.icons-comment-white, .device-desktop .phabricator-action-view:hover .icons-comment, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-comment { background-position: -150px -150px; } -.icons-data-white, .device-desktop .phabricator-action-view:hover .icons-data, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-data { +.icons-computer-white, .device-desktop .phabricator-action-view:hover .icons-computer, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-computer { background-position: -165px -150px; } -.icons-delete-white, .device-desktop .phabricator-action-view:hover .icons-delete, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-delete { +.icons-create-white, .device-desktop .phabricator-action-view:hover .icons-create, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-create { background-position: -180px -150px; } -.icons-disable-white, .device-desktop .phabricator-action-view:hover .icons-disable, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-disable { +.icons-data-white, .device-desktop .phabricator-action-view:hover .icons-data, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-data { background-position: -195px -150px; } -.icons-dislike-white, .device-desktop .phabricator-action-view:hover .icons-dislike, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-dislike { +.icons-delete-white, .device-desktop .phabricator-action-view:hover .icons-delete, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-delete { background-position: -210px -150px; } -.icons-download-alt-white, .device-desktop .phabricator-action-view:hover .icons-download-alt, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-download-alt { +.icons-disable-white, .device-desktop .phabricator-action-view:hover .icons-disable, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-disable { background-position: -225px -150px; } -.icons-download-white, .device-desktop .phabricator-action-view:hover .icons-download, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-download { +.icons-dislike-white, .device-desktop .phabricator-action-view:hover .icons-dislike, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-dislike { background-position: 0px -165px; } -.icons-edit-white, .device-desktop .phabricator-action-view:hover .icons-edit, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-edit { +.icons-download-alt-white, .device-desktop .phabricator-action-view:hover .icons-download-alt, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-download-alt { background-position: -15px -165px; } -.icons-enable-white, .device-desktop .phabricator-action-view:hover .icons-enable, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-enable { +.icons-download-white, .device-desktop .phabricator-action-view:hover .icons-download, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-download { background-position: -30px -165px; } -.icons-file-white, .device-desktop .phabricator-action-view:hover .icons-file, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-file { +.icons-edit-white, .device-desktop .phabricator-action-view:hover .icons-edit, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-edit { background-position: -45px -165px; } -.icons-film-white, .device-desktop .phabricator-action-view:hover .icons-film, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-film { +.icons-enable-white, .device-desktop .phabricator-action-view:hover .icons-enable, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-enable { background-position: -60px -165px; } -.icons-flag-0-white, .device-desktop .phabricator-action-view:hover .icons-flag-0, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-0 { +.icons-file-white, .device-desktop .phabricator-action-view:hover .icons-file, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-file { background-position: -75px -165px; } -.icons-flag-1-white, .device-desktop .phabricator-action-view:hover .icons-flag-1, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-1 { +.icons-film-white, .device-desktop .phabricator-action-view:hover .icons-film, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-film { background-position: -90px -165px; } -.icons-flag-2-white, .device-desktop .phabricator-action-view:hover .icons-flag-2, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-2 { +.icons-flag-0-white, .device-desktop .phabricator-action-view:hover .icons-flag-0, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-0 { background-position: -105px -165px; } -.icons-flag-3-white, .device-desktop .phabricator-action-view:hover .icons-flag-3, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-3 { +.icons-flag-1-white, .device-desktop .phabricator-action-view:hover .icons-flag-1, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-1 { background-position: -120px -165px; } -.icons-flag-4-white, .device-desktop .phabricator-action-view:hover .icons-flag-4, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-4 { +.icons-flag-2-white, .device-desktop .phabricator-action-view:hover .icons-flag-2, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-2 { background-position: -135px -165px; } -.icons-flag-5-white, .device-desktop .phabricator-action-view:hover .icons-flag-5, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-5 { +.icons-flag-3-white, .device-desktop .phabricator-action-view:hover .icons-flag-3, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-3 { background-position: -150px -165px; } -.icons-flag-6-white, .device-desktop .phabricator-action-view:hover .icons-flag-6, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-6 { +.icons-flag-4-white, .device-desktop .phabricator-action-view:hover .icons-flag-4, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-4 { background-position: -165px -165px; } -.icons-flag-7-white, .device-desktop .phabricator-action-view:hover .icons-flag-7, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-7 { +.icons-flag-5-white, .device-desktop .phabricator-action-view:hover .icons-flag-5, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-5 { background-position: -180px -165px; } -.icons-flag-ghost-white, .device-desktop .phabricator-action-view:hover .icons-flag-ghost, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-ghost { +.icons-flag-6-white, .device-desktop .phabricator-action-view:hover .icons-flag-6, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-6 { background-position: -195px -165px; } -.icons-flag-white, .device-desktop .phabricator-action-view:hover .icons-flag, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag { +.icons-flag-7-white, .device-desktop .phabricator-action-view:hover .icons-flag-7, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-7 { background-position: -210px -165px; } -.icons-folder-open-white, .device-desktop .phabricator-action-view:hover .icons-folder-open, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-folder-open { +.icons-flag-ghost-white, .device-desktop .phabricator-action-view:hover .icons-flag-ghost, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-ghost { background-position: -225px -165px; } -.icons-fork-white, .device-desktop .phabricator-action-view:hover .icons-fork, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-fork { +.icons-flag-white, .device-desktop .phabricator-action-view:hover .icons-flag, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag { background-position: 0px -180px; } -.icons-forward-white, .device-desktop .phabricator-action-view:hover .icons-forward, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-forward { +.icons-folder-open-white, .device-desktop .phabricator-action-view:hover .icons-folder-open, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-folder-open { background-position: -15px -180px; } -.icons-herald-white, .device-desktop .phabricator-action-view:hover .icons-herald, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-herald { +.icons-fork-white, .device-desktop .phabricator-action-view:hover .icons-fork, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-fork { background-position: -30px -180px; } -.icons-highlight-white, .device-desktop .phabricator-action-view:hover .icons-highlight, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-highlight { +.icons-forward-white, .device-desktop .phabricator-action-view:hover .icons-forward, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-forward { background-position: -45px -180px; } -.icons-history-white, .device-desktop .phabricator-action-view:hover .icons-history, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-history { +.icons-herald-white, .device-desktop .phabricator-action-view:hover .icons-herald, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-herald { background-position: -60px -180px; } -.icons-home-white, .device-desktop .phabricator-action-view:hover .icons-home, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-home { +.icons-highlight-white, .device-desktop .phabricator-action-view:hover .icons-highlight, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-highlight { background-position: -75px -180px; } -.icons-image-white, .device-desktop .phabricator-action-view:hover .icons-image, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-image { +.icons-history-white, .device-desktop .phabricator-action-view:hover .icons-history, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-history { background-position: -90px -180px; } -.icons-like-white, .device-desktop .phabricator-action-view:hover .icons-like, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-like { +.icons-home-white, .device-desktop .phabricator-action-view:hover .icons-home, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-home { background-position: -105px -180px; } -.icons-link-white, .device-desktop .phabricator-action-view:hover .icons-link, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-link { +.icons-image-white, .device-desktop .phabricator-action-view:hover .icons-image, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-image { background-position: -120px -180px; } -.icons-lint-info-white, .device-desktop .phabricator-action-view:hover .icons-lint-info, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-lint-info { +.icons-like-white, .device-desktop .phabricator-action-view:hover .icons-like, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-like { background-position: -135px -180px; } -.icons-lint-ok-white, .device-desktop .phabricator-action-view:hover .icons-lint-ok, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-lint-ok { +.icons-link-white, .device-desktop .phabricator-action-view:hover .icons-link, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-link { background-position: -150px -180px; } -.icons-lint-warning-white, .device-desktop .phabricator-action-view:hover .icons-lint-warning, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-lint-warning { +.icons-lint-info-white, .device-desktop .phabricator-action-view:hover .icons-lint-info, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-lint-info { background-position: -165px -180px; } -.icons-lock-white, .device-desktop .phabricator-action-view:hover .icons-lock, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-lock { +.icons-lint-ok-white, .device-desktop .phabricator-action-view:hover .icons-lint-ok, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-lint-ok { background-position: -180px -180px; } -.icons-love-white, .device-desktop .phabricator-action-view:hover .icons-love, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-love { +.icons-lint-warning-white, .device-desktop .phabricator-action-view:hover .icons-lint-warning, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-lint-warning { background-position: -195px -180px; } -.icons-lower-priority-white, .device-desktop .phabricator-action-view:hover .icons-lower-priority, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-lower-priority { +.icons-lock-white, .device-desktop .phabricator-action-view:hover .icons-lock, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-lock { background-position: -210px -180px; } -.icons-merge-white, .device-desktop .phabricator-action-view:hover .icons-merge, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-merge { +.icons-love-white, .device-desktop .phabricator-action-view:hover .icons-love, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-love { background-position: -225px -180px; } -.icons-message-white, .device-desktop .phabricator-action-view:hover .icons-message, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-message { +.icons-lower-priority-white, .device-desktop .phabricator-action-view:hover .icons-lower-priority, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-lower-priority { background-position: 0px -195px; } -.icons-meta-mta-white, .device-desktop .phabricator-action-view:hover .icons-meta-mta, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-meta-mta { +.icons-merge-white, .device-desktop .phabricator-action-view:hover .icons-merge, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-merge { background-position: -15px -195px; } -.icons-move-white, .device-desktop .phabricator-action-view:hover .icons-move, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-move { +.icons-message-white, .device-desktop .phabricator-action-view:hover .icons-message, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-message { background-position: -30px -195px; } -.icons-music-white, .device-desktop .phabricator-action-view:hover .icons-music, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-music { +.icons-meta-mta-white, .device-desktop .phabricator-action-view:hover .icons-meta-mta, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-meta-mta { background-position: -45px -195px; } -.icons-new-white, .device-desktop .phabricator-action-view:hover .icons-new, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-new { +.icons-move-white, .device-desktop .phabricator-action-view:hover .icons-move, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-move { background-position: -60px -195px; } -.icons-none-white, .device-desktop .phabricator-action-view:hover .icons-none, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-none { +.icons-music-white, .device-desktop .phabricator-action-view:hover .icons-music, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-music { background-position: -75px -195px; } -.icons-normal-priority-white, .device-desktop .phabricator-action-view:hover .icons-normal-priority, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-normal-priority { +.icons-new-white, .device-desktop .phabricator-action-view:hover .icons-new, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-new { background-position: -90px -195px; } -.icons-octocat-white, .device-desktop .phabricator-action-view:hover .icons-octocat, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-octocat { +.icons-none-white, .device-desktop .phabricator-action-view:hover .icons-none, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-none { background-position: -105px -195px; } -.icons-pause-white, .device-desktop .phabricator-action-view:hover .icons-pause, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-pause { +.icons-normal-priority-white, .device-desktop .phabricator-action-view:hover .icons-normal-priority, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-normal-priority { background-position: -120px -195px; } -.icons-perflab-white, .device-desktop .phabricator-action-view:hover .icons-perflab, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-perflab { +.icons-octocat-white, .device-desktop .phabricator-action-view:hover .icons-octocat, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-octocat { background-position: -135px -195px; } -.icons-play-white, .device-desktop .phabricator-action-view:hover .icons-play, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-play { +.icons-ok-white, .device-desktop .phabricator-action-view:hover .icons-ok, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-ok { background-position: -150px -195px; } -.icons-popout-white, .device-desktop .phabricator-action-view:hover .icons-popout, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-popout { +.icons-pause-white, .device-desktop .phabricator-action-view:hover .icons-pause, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-pause { background-position: -165px -195px; } -.icons-preview-white, .device-desktop .phabricator-action-view:hover .icons-preview, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-preview { +.icons-perflab-white, .device-desktop .phabricator-action-view:hover .icons-perflab, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-perflab { background-position: -180px -195px; } -.icons-project-white, .device-desktop .phabricator-action-view:hover .icons-project, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-project { +.icons-play-white, .device-desktop .phabricator-action-view:hover .icons-play, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-play { background-position: -195px -195px; } -.icons-raise-priority-white, .device-desktop .phabricator-action-view:hover .icons-raise-priority, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-raise-priority { +.icons-popout-white, .device-desktop .phabricator-action-view:hover .icons-popout, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-popout { background-position: -210px -195px; } -.icons-refresh-white, .device-desktop .phabricator-action-view:hover .icons-refresh, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-refresh { +.icons-preview-white, .device-desktop .phabricator-action-view:hover .icons-preview, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-preview { background-position: -225px -195px; } -.icons-remove-white, .device-desktop .phabricator-action-view:hover .icons-remove, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-remove { +.icons-project-white, .device-desktop .phabricator-action-view:hover .icons-project, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-project { background-position: 0px -210px; } -.icons-search-white, .device-desktop .phabricator-action-view:hover .icons-search, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-search { +.icons-raise-priority-white, .device-desktop .phabricator-action-view:hover .icons-raise-priority, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-raise-priority { background-position: -15px -210px; } -.icons-start-sandcastle-white, .device-desktop .phabricator-action-view:hover .icons-start-sandcastle, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-start-sandcastle { +.icons-refresh-white, .device-desktop .phabricator-action-view:hover .icons-refresh, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-refresh { background-position: -30px -210px; } -.icons-stop-white, .device-desktop .phabricator-action-view:hover .icons-stop, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-stop { +.icons-remove-white, .device-desktop .phabricator-action-view:hover .icons-remove, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-remove { background-position: -45px -210px; } -.icons-tag-white, .device-desktop .phabricator-action-view:hover .icons-tag, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-tag { +.icons-search-white, .device-desktop .phabricator-action-view:hover .icons-search, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-search { background-position: -60px -210px; } -.icons-transcript-white, .device-desktop .phabricator-action-view:hover .icons-transcript, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-transcript { +.icons-start-sandcastle-white, .device-desktop .phabricator-action-view:hover .icons-start-sandcastle, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-start-sandcastle { background-position: -75px -210px; } -.icons-undo-white, .device-desktop .phabricator-action-view:hover .icons-undo, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-undo { +.icons-stop-white, .device-desktop .phabricator-action-view:hover .icons-stop, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-stop { background-position: -90px -210px; } -.icons-unlock-white, .device-desktop .phabricator-action-view:hover .icons-unlock, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-unlock { +.icons-tag-white, .device-desktop .phabricator-action-view:hover .icons-tag, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-tag { background-position: -105px -210px; } -.icons-unmerge-white, .device-desktop .phabricator-action-view:hover .icons-unmerge, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-unmerge { +.icons-transcript-white, .device-desktop .phabricator-action-view:hover .icons-transcript, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-transcript { background-position: -120px -210px; } -.icons-unpublish-white, .device-desktop .phabricator-action-view:hover .icons-unpublish, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-unpublish { +.icons-undo-white, .device-desktop .phabricator-action-view:hover .icons-undo, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-undo { background-position: -135px -210px; } -.icons-upload-white, .device-desktop .phabricator-action-view:hover .icons-upload, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-upload { +.icons-unlock-white, .device-desktop .phabricator-action-view:hover .icons-unlock, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-unlock { background-position: -150px -210px; } -.icons-user-white, .device-desktop .phabricator-action-view:hover .icons-user, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-user { +.icons-unmerge-white, .device-desktop .phabricator-action-view:hover .icons-unmerge, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-unmerge { background-position: -165px -210px; } -.icons-warning-white, .device-desktop .phabricator-action-view:hover .icons-warning, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-warning { +.icons-unpublish-white, .device-desktop .phabricator-action-view:hover .icons-unpublish, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-unpublish { background-position: -180px -210px; } -.icons-world-white, .device-desktop .phabricator-action-view:hover .icons-world, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-world { +.icons-upload-white, .device-desktop .phabricator-action-view:hover .icons-upload, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-upload { background-position: -195px -210px; } -.icons-wrench-white, .device-desktop .phabricator-action-view:hover .icons-wrench, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-wrench { +.icons-user-white, .device-desktop .phabricator-action-view:hover .icons-user, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-user { background-position: -210px -210px; } -.icons-zip-white, .device-desktop .phabricator-action-view:hover .icons-zip, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-zip { +.icons-warning-white, .device-desktop .phabricator-action-view:hover .icons-warning, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-warning { background-position: -225px -210px; } -.remarkup-assist-b { +.icons-world-white, .device-desktop .phabricator-action-view:hover .icons-world, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-world { background-position: 0px -225px; } -.remarkup-assist-code { +.icons-wrench-white, .device-desktop .phabricator-action-view:hover .icons-wrench, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-wrench { background-position: -15px -225px; } -.remarkup-assist-fullscreen { +.icons-zip-white, .device-desktop .phabricator-action-view:hover .icons-zip, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-zip { background-position: -30px -225px; } -.remarkup-control-fullscreen-mode .remarkup-assist-fullscreen { +.remarkup-assist-b { background-position: -45px -225px; } -.remarkup-assist-help { +.remarkup-assist-code { background-position: -60px -225px; } -.remarkup-assist-i { +.remarkup-assist-fullscreen { background-position: -75px -225px; } -.remarkup-assist-image { +.remarkup-control-fullscreen-mode .remarkup-assist-fullscreen { background-position: -90px -225px; } -.remarkup-assist-larger { +.remarkup-assist-help { background-position: -105px -225px; } -.remarkup-assist-link { +.remarkup-assist-i { background-position: -120px -225px; } -.remarkup-assist-meme { +.remarkup-assist-image { background-position: -135px -225px; } -.remarkup-assist-ol { +.remarkup-assist-larger { background-position: -150px -225px; } -.remarkup-assist-table { +.remarkup-assist-link { background-position: -165px -225px; } -.remarkup-assist-tag { +.remarkup-assist-meme { background-position: -180px -225px; } -.remarkup-assist-tt { +.remarkup-assist-ol { background-position: -195px -225px; } -.remarkup-assist-ul { +.remarkup-assist-table { background-position: -210px -225px; } + +.remarkup-assist-tag { + background-position: -225px -225px; +} + +.remarkup-assist-tt { + background-position: 0px -240px; +} + +.remarkup-assist-ul { + background-position: -15px -240px; +} diff --git a/webroot/rsrc/image/sprite-icons-X2.png b/webroot/rsrc/image/sprite-icons-X2.png index 24adb8e29c..91be5be190 100644 Binary files a/webroot/rsrc/image/sprite-icons-X2.png and b/webroot/rsrc/image/sprite-icons-X2.png differ diff --git a/webroot/rsrc/image/sprite-icons.png b/webroot/rsrc/image/sprite-icons.png index 4625bbba65..fde10a28b2 100644 Binary files a/webroot/rsrc/image/sprite-icons.png and b/webroot/rsrc/image/sprite-icons.png differ