revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-18 21:02:41 +01:00
Code Issues Releases Wiki Activity

[redesign] Hoverselect colors

Browse source 
Summary: Builds a consistent 'selected, hover' state slightly darker than selected states.

Test Plan: Tested Conpherence, Sidenavs

Reviewers: epriestley

Subscribers: epriestley, Korvin

Differential Revision: https://secure.phabricator.com/D9345
This commit is contained in:
Chad Little 2014-05-30 21:03:23 -07:00
parent 71060c4b6d
commit c9e2df6799
5 changed files with 25 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
resources/celerity/map.php
View file

@ -7,7 +7,7 @@
return array( return array(
'names' => 'names' =>
array( array(
'core.pkg.css' => '32302948', 'core.pkg.css' => 'f39a873a',
'core.pkg.js' => '7db41c19', 'core.pkg.js' => '7db41c19',
'darkconsole.pkg.js' => 'ca8671ce', 'darkconsole.pkg.js' => 'ca8671ce',
'differential.pkg.css' => 'fbf57382', 'differential.pkg.css' => 'fbf57382',
@ -37,14 +37,14 @@ return array(
'rsrc/css/aphront/typeahead.css' => 'a989b5b3', 'rsrc/css/aphront/typeahead.css' => 'a989b5b3',
'rsrc/css/application/auth/auth.css' => '1e655982', 'rsrc/css/application/auth/auth.css' => '1e655982',
'rsrc/css/application/base/main-menu-view.css' => '72d1d2ef', 'rsrc/css/application/base/main-menu-view.css' => '72d1d2ef',
'rsrc/css/application/base/notification-menu.css' => '8637a3db', 'rsrc/css/application/base/notification-menu.css' => 'cbff1b94',
'rsrc/css/application/base/phabricator-application-launch-view.css' => 'cb9f4db1', 'rsrc/css/application/base/phabricator-application-launch-view.css' => 'cb9f4db1',
'rsrc/css/application/base/standard-page-view.css' => '517cdfb1', 'rsrc/css/application/base/standard-page-view.css' => '517cdfb1',
'rsrc/css/application/chatlog/chatlog.css' => '852140ff', 'rsrc/css/application/chatlog/chatlog.css' => '852140ff',
'rsrc/css/application/config/config-options.css' => '7fedf08b', 'rsrc/css/application/config/config-options.css' => '7fedf08b',
'rsrc/css/application/config/config-template.css' => '25d446d6', 'rsrc/css/application/config/config-template.css' => '25d446d6',
'rsrc/css/application/config/setup-issue.css' => '69e640e7', 'rsrc/css/application/config/setup-issue.css' => '69e640e7',
'rsrc/css/application/conpherence/menu.css' => '828ddd3e', 'rsrc/css/application/conpherence/menu.css' => 'e1e0fdf1',
'rsrc/css/application/conpherence/message-pane.css' => '7703a9a9', 'rsrc/css/application/conpherence/message-pane.css' => '7703a9a9',
'rsrc/css/application/conpherence/notification.css' => '04a6e10a', 'rsrc/css/application/conpherence/notification.css' => '04a6e10a',
'rsrc/css/application/conpherence/update.css' => '1099a660', 'rsrc/css/application/conpherence/update.css' => '1099a660',
@ -117,7 +117,7 @@ return array(
'rsrc/css/layout/phabricator-crumbs-view.css' => '989a48b6', 'rsrc/css/layout/phabricator-crumbs-view.css' => '989a48b6',
'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82', 'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82',
'rsrc/css/layout/phabricator-hovercard-view.css' => '46a13cf0', 'rsrc/css/layout/phabricator-hovercard-view.css' => '46a13cf0',
'rsrc/css/layout/phabricator-side-menu-view.css' => 'c1986b85', 'rsrc/css/layout/phabricator-side-menu-view.css' => 'a2ccd7bd',
'rsrc/css/layout/phabricator-source-code-view.css' => '62a99814', 'rsrc/css/layout/phabricator-source-code-view.css' => '62a99814',
'rsrc/css/phui/calendar/phui-calendar-day.css' => 'de035c8a', 'rsrc/css/phui/calendar/phui-calendar-day.css' => 'de035c8a',
'rsrc/css/phui/calendar/phui-calendar-list.css' => 'c1d0ca59', 'rsrc/css/phui/calendar/phui-calendar-list.css' => 'c1d0ca59',
@ -503,7 +503,7 @@ return array(
'aphront-typeahead-control-css' => 'a989b5b3', 'aphront-typeahead-control-css' => 'a989b5b3',
'auth-css' => '1e655982', 'auth-css' => '1e655982',
'config-options-css' => '7fedf08b', 'config-options-css' => '7fedf08b',
'conpherence-menu-css' => '828ddd3e', 'conpherence-menu-css' => 'e1e0fdf1',
'conpherence-message-pane-css' => '7703a9a9', 'conpherence-message-pane-css' => '7703a9a9',
'conpherence-notification-css' => '04a6e10a', 'conpherence-notification-css' => '04a6e10a',
'conpherence-update-css' => '1099a660', 'conpherence-update-css' => '1099a660',
@ -713,7 +713,7 @@ return array(
'phabricator-nav-view-css' => '9283c2df', 'phabricator-nav-view-css' => '9283c2df',
'phabricator-notification' => '0c6946e7', 'phabricator-notification' => '0c6946e7',
'phabricator-notification-css' => 'ef2c9b34', 'phabricator-notification-css' => 'ef2c9b34',
'phabricator-notification-menu-css' => '8637a3db', 'phabricator-notification-menu-css' => 'cbff1b94',
'phabricator-object-selector-css' => '029a133d', 'phabricator-object-selector-css' => '029a133d',
'phabricator-phtize' => 'd254d646', 'phabricator-phtize' => 'd254d646',
'phabricator-prefab' => '41ed7994', 'phabricator-prefab' => '41ed7994',
@ -722,7 +722,7 @@ return array(
'phabricator-remarkup-css' => '80c3a48c', 'phabricator-remarkup-css' => '80c3a48c',
'phabricator-search-results-css' => 'f240504c', 'phabricator-search-results-css' => 'f240504c',
'phabricator-shaped-request' => '7cbe244b', 'phabricator-shaped-request' => '7cbe244b',
'phabricator-side-menu-view-css' => 'c1986b85', 'phabricator-side-menu-view-css' => 'a2ccd7bd',
'phabricator-slowvote-css' => '266df6a1', 'phabricator-slowvote-css' => '266df6a1',
'phabricator-source-code-view-css' => '62a99814', 'phabricator-source-code-view-css' => '62a99814',
'phabricator-standard-page-view' => '517cdfb1', 'phabricator-standard-page-view' => '517cdfb1',

2
src/infrastructure/celerity/CelerityResourceTransformer.php
View file

@ -196,6 +196,8 @@ final class CelerityResourceTransformer {
'hovergrey' => '#c5cbcf', 'hovergrey' => '#c5cbcf',
'hoverblue' => '#eceff5', 'hoverblue' => '#eceff5',
'hoverborder' => '#dfe1e9', 'hoverborder' => '#dfe1e9',
'hoverselectedgrey' => '#bbc4ca',
'hoverselectedblue' => '#e6e9ee',
// Base Greys // Base Greys
'lightgreyborder' => '#C7CCD9', 'lightgreyborder' => '#C7CCD9',

5
webroot/rsrc/css/application/base/notification-menu.css
View file

@ -52,6 +52,11 @@
background: {$hoverblue}; background: {$hoverblue};
} }
.device-desktop .phabricator-notification-menu
.phabricator-notification-unread.phabricator-notification:hover {
background: {$hoverselectedblue};
}
.phabricator-notification + .phabricator-notification { .phabricator-notification + .phabricator-notification {
border-top: 1px solid {$hoverborder}; border-top: 1px solid {$hoverborder};
} }

5
webroot/rsrc/css/application/conpherence/menu.css
View file

@ -102,6 +102,11 @@
border-left: 4px solid {$sky}; border-left: 4px solid {$sky};
} }
.device-desktop .conpherence-menu
.conpherence-selected.conpherence-menu-item-view:hover {
background-color: {$hoverselectedgrey};
}
.conpherence-menu .loading { .conpherence-menu .loading {
font-style: italic; font-style: italic;
} }

9
webroot/rsrc/css/layout/phabricator-side-menu-view.css
View file

@ -16,13 +16,16 @@
color: {$darkbluetext}; color: {$darkbluetext};
} }
.phabricator-side-menu .phui-list-item-selected, .phabricator-side-menu .phui-list-item-selected {
.device-desktop .phui-side-menu
.phui-list-item-selected.phui-list-item-href:hover {
background-color: {$hovergrey}; background-color: {$hovergrey};
border-left: 4px solid {$sky}; border-left: 4px solid {$sky};
} }
.device-desktop .phabricator-side-menu .phui-list-item-selected
a.phui-list-item-href:hover {
background-color: {$hoverselectedgrey};
}
.phabricator-side-menu .phui-list-item-selected .phui-list-item-href { .phabricator-side-menu .phui-list-item-selected .phui-list-item-href {
padding-left: 20px; padding-left: 20px;
} }