1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-18 19:40:55 +01:00

[Redesign] Mobile menus / headers

Summary: Ref T8099, make the main menu and search menu lighter to match new UI.

Test Plan: set browser to smaller breakpoints, test mobile menus and search.

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: Korvin, epriestley

Maniphest Tasks: T8099

Differential Revision: https://secure.phabricator.com/D12958
This commit is contained in:
Chad Little 2015-05-20 15:29:41 -07:00
parent 227c402d27
commit 039bc12692
2 changed files with 31 additions and 26 deletions

View file

@ -7,7 +7,7 @@
*/
return array(
'names' => array(
'core.pkg.css' => 'df06e8ae',
'core.pkg.css' => 'ce2c805f',
'core.pkg.js' => 'f3e08b38',
'darkconsole.pkg.js' => 'e7393ebb',
'differential.pkg.css' => 'bb338e4b',
@ -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' => '44975d4b',
'rsrc/css/application/base/main-menu-view.css' => 'ac574fc3',
'rsrc/css/application/base/main-menu-view.css' => '680360ea',
'rsrc/css/application/base/notification-menu.css' => '713df25a',
'rsrc/css/application/base/phabricator-application-launch-view.css' => '132f9d14',
'rsrc/css/application/base/standard-page-view.css' => '062f0f54',
@ -711,7 +711,7 @@ return array(
'phabricator-hovercard-view-css' => 'b7a82459',
'phabricator-keyboard-shortcut' => '1ae869f2',
'phabricator-keyboard-shortcut-manager' => 'c1700f6f',
'phabricator-main-menu-view' => 'ac574fc3',
'phabricator-main-menu-view' => '680360ea',
'phabricator-nav-view-css' => '949b43d9',
'phabricator-notification' => '0c6946e7',
'phabricator-notification-css' => '9c279160',

View file

@ -66,7 +66,7 @@
}
.device-desktop .phabricator-main-menu-brand:hover {
background-color: rgba(55,55,55,.1);
background-color: rgba(55,55,55,..08);
cursor: hand;
}
@ -212,25 +212,27 @@
background: transparent;
}
.device-desktop .phabricator-main-menu-search
button.phabricator-main-menu-search-dropdown {
height: 28px;
top: 8px;
}
.device-desktop .phabricator-main-menu-search
button.phabricator-main-menu-search-dropdown:hover .phui-icon-view {
color: {$sky};
}
.device .phabricator-main-menu-search
button.phabricator-main-menu-search-dropdown {
left: 2px;
background: #000;
}
.device .phabricator-main-menu-search
button.phabricator-main-menu-search-dropdown .phui-icon-view {
margin-top: 2px;
.device-desktop .phabricator-main-menu-search
button.phabricator-main-menu-search-dropdown:hover {
background-color: rgba(55,55,55,0.08);
border-radius: 3px;
}
.device .phabricator-main-menu-search
button.phabricator-main-menu-search-dropdown .caret {
margin-top: 3px;
button.phabricator-main-menu-search-dropdown {
left: 2px;
background: {$lightgreybackground};
}
button.phabricator-main-menu-search-dropdown .caret:before {
@ -242,12 +244,15 @@ button.phabricator-main-menu-search-dropdown .caret:before {
.phabricator-main-menu-search button.phabricator-main-menu-search-dropdown
.phui-icon-view {
color: {$bluetext};
font-size: 15px;
top: 6px;
left: 8px;
}
.phabricator-main-menu-search-dropdown .caret {
position: absolute;
right: 13px;
top: 3px;
right: 15px;
top: 5px;
border: none;
margin-top: 1px;
}
@ -409,24 +414,24 @@ button.phabricator-main-menu-search-dropdown .caret:before {
.device .phabricator-dark-menu,
.device .phabricator-dark-menu a.phui-list-item-href {
color: #fff;
color: {$darkbluetext};
-webkit-font-smoothing: antialiased;
}
.device .phabricator-dark-menu .phui-list-item-type-label {
border-top: 1px solid {$thinblueborder};
text-transform: uppercase;
font-size: 13px;
background-color: #151719;
padding: 6px 0 6px 20px;
background-color: #fff;
padding: 6px 0 6px 12px;
display: block;
font-weight: bold;
color: {$blue};
}
.device .phabricator-dark-menu .phui-list-item-href {
border-width: 1px 0;
border-style: solid;
border-color: #34373b transparent #282c2d;
background-color: #272c2f;
border-top: 1px solid {$thinblueborder};
background-color: #fff;
padding: 4px 0 4px 20px;
display: block;
}
@ -459,7 +464,7 @@ button.phabricator-main-menu-search-dropdown .caret:before {
font-size: 15px;
min-height: 30px;
line-height: 28px;
background: #000;
background: #fff;
}
.device .phui-list-item-type-link
@ -511,7 +516,7 @@ button.phabricator-main-menu-search-dropdown .caret:before {
.device-desktop .phabricator-application-menu
.core-menu-item.phui-list-item-view:hover {
background-color: rgba(55,55,55,.1);
background-color: rgba(55,55,55,.08);
border-radius: 3px;
}