revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2025-01-29 16:08:22 +01:00
Code Issues Releases Wiki Activity

New Search UI

Browse source 
Summary: This is the new search UI as seen in Pholio. Unrounds it (mostly, and makes the eyeglass more button like.

Test Plan:
Review in all header colors, check photoshop for pixel layout consistency. Review in FF, Chrome, Safari, IE. Make sure I didn't mess up mobile.

{F359366}

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: Korvin, epriestley

Differential Revision: https://secure.phabricator.com/D12277
This commit is contained in:
Chad Little 2015-04-07 12:03:40 -07:00
parent cefdca1644
commit f4baa3bd15
4 changed files with 33 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
resources/celerity/map.php
View file

@ -7,7 +7,7 @@
*/
return array(
'names' => array(
'core.pkg.css' => 'f3793406',
'core.pkg.css' => 'efa903e0',
'core.pkg.js' => '6a4f677f',
'darkconsole.pkg.js' => '8ab24e01',
'differential.pkg.css' => '3500921f',
@ -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' => '361a51f9',
'rsrc/css/application/base/main-menu-view.css' => 'fa9ebdbd',
'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' => '361a51f9',
'phabricator-main-menu-view' => 'fa9ebdbd',
'phabricator-nav-view-css' => '7aeaf435',
'phabricator-notification' => '0c6946e7',
'phabricator-notification-css' => '9c279160',

2
src/view/page/menu/PhabricatorMainMenuSearchView.php
View file

@ -75,7 +75,7 @@ final class PhabricatorMainMenuSearchView extends AphrontView {
'button',
array(
'id' => $button_id,
'class' => 'phui-icon-view phui-font-fa fa-search lightgreytext',
'class' => 'phui-icon-view phui-font-fa fa-search',
),
$search_text),
$primary_input,

4
src/view/page/menu/PhabricatorMainMenuView.php
View file

@ -144,7 +144,7 @@ final class PhabricatorMainMenuView extends AphrontView {
'meta' => array(
'map' => array(
$header_id => 'phabricator-application-menu-expanded',
$button_id => 'white',
$button_id => 'sky',
),
),
),
@ -207,7 +207,7 @@ final class PhabricatorMainMenuView extends AphrontView {
'meta' => array(
'map' => array(
$header_id => 'phabricator-search-menu-expanded',
$button_id => 'white',
$button_id => 'sky',
),
),
),

42
webroot/rsrc/css/application/base/main-menu-view.css
View file

@ -110,7 +110,7 @@
}
.phabricator-main-menu-search-container {
padding: 9px 0 10px 0;
padding: 8px 0;
position: relative;
height: 24px;
margin: 0 8px;
@ -146,14 +146,18 @@
right: 0;
position: absolute;
font-size: 13px;
border-width: 2px;
border-color: rgba(0,0,0,.6);
border-radius: 12px;
border-radius: 3px 0 0 3px;
background-color: rgba(0,0,0,.5);
opacity: .8;
height: 26px;
height: 28px;
line-height: 12px;
box-shadow: 0px 1px 1px rgba(128, 128, 128, 0.25);
padding: 6px 32px 6px 10px;
padding: 6px;
float: left;
width: 175px;
left: 0;
}
.phabricator-main-menu.main-header-dark .phabricator-main-menu-search input {
@ -162,16 +166,16 @@
}
.device .phabricator-main-menu-search input {
height: 30px;
height: 32px;
font-size: 15px;
border-radius: 15px;
width: 100%;
}
.phabricator-main-menu .phabricator-main-menu-search input:focus {
background: #fff;
opacity: 1;
color: #333;
border-color: {$lightgreyborder};
border-color: {$sky};
box-shadow: none;
}
@ -180,23 +184,31 @@
}
.phabricator-main-menu-search button {
color: rgba(255,255,255,.8);
position: absolute;
background: transparent;
background: #000;
border: none;
outline: none;
box-shadow: none;
text-shadow: none;
min-width: 0;
height: 24px;
width: 16px;
top: 10px;
right: 10px;
height: 28px;
width: 30px;
top: 8px;
right: -7px;
margin: 0 8px 0 0;
padding: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.phabricator-main-menu-search button:hover {
color: #fff;
}
.device .phabricator-main-menu-search button {
top: 7px;
top: 6px;
border-radius: 0;
}
.phabricator-main-menu-search-target div.jx-typeahead-results {
@ -461,7 +473,7 @@
}
.device-desktop .phabricator-core-menu-icon {
top: 5px;
top: 4px;
left: 4px;
}