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:
parent
227c402d27
commit
039bc12692
2 changed files with 31 additions and 26 deletions
|
@ -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',
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue