mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-10 08:52:39 +01:00
Use FontAwesome for search icon
Summary: Swaps out search icon for font-awesome. Tweaks colors a bit for different color headers. Test Plan: Test a number of colors in the search box. Click on button and still go to advanced search. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12200
This commit is contained in:
parent
57ddbde096
commit
97cc3b1588
3 changed files with 16 additions and 13 deletions
|
@ -7,7 +7,7 @@
|
|||
*/
|
||||
return array(
|
||||
'names' => array(
|
||||
'core.pkg.css' => '2ff29d1d',
|
||||
'core.pkg.css' => 'c5a029ea',
|
||||
'core.pkg.js' => 'c5888f3d',
|
||||
'darkconsole.pkg.js' => '8ab24e01',
|
||||
'differential.pkg.css' => '571b1cc1',
|
||||
|
@ -34,7 +34,7 @@ return array(
|
|||
'rsrc/css/aphront/typeahead.css' => '0e403212',
|
||||
'rsrc/css/application/almanac/almanac.css' => 'dbb9b3af',
|
||||
'rsrc/css/application/auth/auth.css' => '1e655982',
|
||||
'rsrc/css/application/base/main-menu-view.css' => '58db7ad2',
|
||||
'rsrc/css/application/base/main-menu-view.css' => 'cfa2ec0f',
|
||||
'rsrc/css/application/base/notification-menu.css' => '6aa0a74b',
|
||||
'rsrc/css/application/base/phabricator-application-launch-view.css' => '16ca323f',
|
||||
'rsrc/css/application/base/standard-page-view.css' => 'd2a6518d',
|
||||
|
@ -729,7 +729,7 @@ return array(
|
|||
'phabricator-hovercard-view-css' => '893f4783',
|
||||
'phabricator-keyboard-shortcut' => '1ae869f2',
|
||||
'phabricator-keyboard-shortcut-manager' => 'c1700f6f',
|
||||
'phabricator-main-menu-view' => '58db7ad2',
|
||||
'phabricator-main-menu-view' => 'cfa2ec0f',
|
||||
'phabricator-nav-view-css' => '7aeaf435',
|
||||
'phabricator-notification' => '0c6946e7',
|
||||
'phabricator-notification-css' => '9c279160',
|
||||
|
|
|
@ -66,7 +66,10 @@ final class PhabricatorMainMenuSearchView extends AphrontView {
|
|||
$input,
|
||||
phutil_tag(
|
||||
'button',
|
||||
array('id' => $button_id),
|
||||
array(
|
||||
'id' => $button_id,
|
||||
'class' => 'phui-icon-view phui-font-fa fa-search lightgreytext',
|
||||
),
|
||||
pht('Search')),
|
||||
$primary_input,
|
||||
$target,
|
||||
|
|
|
@ -146,9 +146,9 @@
|
|||
right: 0;
|
||||
position: absolute;
|
||||
font-size: 13px;
|
||||
border: 1px solid #333;
|
||||
border-color: rgba(0,0,0,.6);
|
||||
border-radius: 12px;
|
||||
background-color: #222;
|
||||
background-color: rgba(0,0,0,.5);
|
||||
opacity: .8;
|
||||
height: 26px;
|
||||
line-height: 12px;
|
||||
|
@ -157,7 +157,8 @@
|
|||
}
|
||||
|
||||
.phabricator-main-menu.main-header-dark .phabricator-main-menu-search input {
|
||||
background-color: #555;
|
||||
background-color: rgba(150,150,150,.5);
|
||||
border-color: #333;
|
||||
}
|
||||
|
||||
.device .phabricator-main-menu-search input {
|
||||
|
@ -170,7 +171,7 @@
|
|||
background: #fff;
|
||||
opacity: 1;
|
||||
color: #333;
|
||||
border-color: #e7e7e7;
|
||||
border-color: {$lightgreyborder};
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
@ -180,18 +181,17 @@
|
|||
|
||||
.phabricator-main-menu-search button {
|
||||
position: absolute;
|
||||
color: transparent;
|
||||
background: transparent 5px 6px url(/rsrc/image/search-white.png) no-repeat;
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
min-width: 0;
|
||||
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
top: 10px;
|
||||
right: 6px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.device .phabricator-main-menu-search button {
|
||||
|
|
Loading…
Reference in a new issue