2012-12-07 22:43:11 +01:00
|
|
|
/**
|
2012-07-31 01:09:14 +02:00
|
|
|
* @provides phabricator-main-menu-view
|
2015-06-04 05:21:12 +02:00
|
|
|
* @requires phui-theme-css
|
2012-07-31 01:09:14 +02:00
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* - Main Menu -----------------------------------------------------------------
|
|
|
|
|
|
|
|
|
|
Main menu at the top of every page that has chrome. It reacts to resolution
|
|
|
|
|
changes in order to behave reasonably on tablets and phones.
|
|
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
.phabricator-main-menu {
|
|
|
|
|
position: relative;
|
2015-05-16 16:53:03 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-main-menu-background {
|
2016-01-19 05:59:06 +01:00
|
|
|
min-height: 44px;
|
2012-07-31 01:09:14 +02:00
|
|
|
}
|
|
|
|
|
|
2012-12-07 22:49:39 +01:00
|
|
|
.device-desktop .phabricator-main-menu {
|
2016-01-19 05:59:06 +01:00
|
|
|
height: 44px;
|
2014-01-31 18:10:32 +01:00
|
|
|
padding-right: 4px;
|
2012-12-07 22:49:39 +01:00
|
|
|
}
|
|
|
|
|
|
2012-07-31 01:09:14 +02:00
|
|
|
.phabricator-main-menu a:hover {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* - Logo ----------------------------------------------------------------------
|
|
|
|
|
|
|
|
|
|
The "Phabricator" logo group in the main menu. On tablet and phone devices,
|
|
|
|
|
this shows a "reveal" button to expand/collapse the rest of the menu.
|
|
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
2012-08-01 02:58:21 +02:00
|
|
|
.device-desktop .phabricator-main-menu-group-logo {
|
2012-07-31 01:09:14 +02:00
|
|
|
float: left;
|
|
|
|
|
}
|
|
|
|
|
|
2014-11-06 18:23:17 +01:00
|
|
|
.phabricator-main-menu-brand {
|
2013-01-29 00:43:15 +01:00
|
|
|
height: 44px;
|
|
|
|
|
float: left;
|
Update Phabricator logo
Summary:
This updates the eye logo and removes the formal wordmark "Phabricator" as an image. Instead we'll use the new updated eye logo and plain text for "Phabricator", both of which are more friendly and less industrial.
Installs that already use the `header-logo` customization setting will need to rebuild their logo to 80px x 80px. They will then also get to use plain text to whitebox their install as they see fit.
Test Plan:
Tested new logo at desktop, tablet, and mobile sizes. Set a random instance name, saw new wordmark. Created a really long wordmark of MMMMMMMMMMMM, saw text cut off so UI doesn't break. May need some additional tweaking, but I think we covered the most edge cases here.
{F1751791, size=full}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: edibiase, bjshively, yelirekim, Korvin
Maniphest Tasks: T4214, T11096
Differential Revision: https://secure.phabricator.com/D16373
2016-08-07 20:33:41 +02:00
|
|
|
margin-right: 6px;
|
2012-12-09 01:58:19 +01:00
|
|
|
padding-left: 6px;
|
|
|
|
|
}
|
|
|
|
|
|
2014-11-06 18:23:17 +01:00
|
|
|
.phabricator-main-menu-eye {
|
Update Phabricator logo
Summary:
This updates the eye logo and removes the formal wordmark "Phabricator" as an image. Instead we'll use the new updated eye logo and plain text for "Phabricator", both of which are more friendly and less industrial.
Installs that already use the `header-logo` customization setting will need to rebuild their logo to 80px x 80px. They will then also get to use plain text to whitebox their install as they see fit.
Test Plan:
Tested new logo at desktop, tablet, and mobile sizes. Set a random instance name, saw new wordmark. Created a really long wordmark of MMMMMMMMMMMM, saw text cut off so UI doesn't break. May need some additional tweaking, but I think we covered the most edge cases here.
{F1751791, size=full}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: edibiase, bjshively, yelirekim, Korvin
Maniphest Tasks: T4214, T11096
Differential Revision: https://secure.phabricator.com/D16373
2016-08-07 20:33:41 +02:00
|
|
|
margin: 2px 0;
|
2014-11-06 18:23:17 +01:00
|
|
|
width: 40px;
|
|
|
|
|
height: 40px;
|
Update Phabricator logo
Summary:
This updates the eye logo and removes the formal wordmark "Phabricator" as an image. Instead we'll use the new updated eye logo and plain text for "Phabricator", both of which are more friendly and less industrial.
Installs that already use the `header-logo` customization setting will need to rebuild their logo to 80px x 80px. They will then also get to use plain text to whitebox their install as they see fit.
Test Plan:
Tested new logo at desktop, tablet, and mobile sizes. Set a random instance name, saw new wordmark. Created a really long wordmark of MMMMMMMMMMMM, saw text cut off so UI doesn't break. May need some additional tweaking, but I think we covered the most edge cases here.
{F1751791, size=full}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: edibiase, bjshively, yelirekim, Korvin
Maniphest Tasks: T4214, T11096
Differential Revision: https://secure.phabricator.com/D16373
2016-08-07 20:33:41 +02:00
|
|
|
float: left;
|
|
|
|
|
display: block;
|
|
|
|
|
background-image: url(/rsrc/image/logo/light-eye.png);
|
|
|
|
|
background-size: 40px 40px;
|
2013-03-22 19:50:30 +01:00
|
|
|
}
|
|
|
|
|
|
2014-11-06 23:31:30 +01:00
|
|
|
.device-desktop .phabricator-main-menu-brand:hover {
|
2016-02-15 06:29:56 +01:00
|
|
|
background-color: rgba({$alphagrey},.2);
|
2014-11-06 18:23:17 +01:00
|
|
|
cursor: hand;
|
2012-12-07 22:37:10 +01:00
|
|
|
}
|
Update Phabricator logo
Summary:
This updates the eye logo and removes the formal wordmark "Phabricator" as an image. Instead we'll use the new updated eye logo and plain text for "Phabricator", both of which are more friendly and less industrial.
Installs that already use the `header-logo` customization setting will need to rebuild their logo to 80px x 80px. They will then also get to use plain text to whitebox their install as they see fit.
Test Plan:
Tested new logo at desktop, tablet, and mobile sizes. Set a random instance name, saw new wordmark. Created a really long wordmark of MMMMMMMMMMMM, saw text cut off so UI doesn't break. May need some additional tweaking, but I think we covered the most edge cases here.
{F1751791, size=full}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: edibiase, bjshively, yelirekim, Korvin
Maniphest Tasks: T4214, T11096
Differential Revision: https://secure.phabricator.com/D16373
2016-08-07 20:33:41 +02:00
|
|
|
|
|
|
|
|
.device-phone .phabricator-wordmark {
|
|
|
|
|
max-width: 112px; /* iPhone 5 limitation */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-wordmark {
|
|
|
|
|
float: left;
|
|
|
|
|
color: #fff;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
margin: 9px 4px 9px 6px;
|
|
|
|
|
padding-right: 8px;
|
|
|
|
|
max-width: 175px;
|
|
|
|
|
overflow: hidden;
|
2016-08-08 18:45:05 +02:00
|
|
|
white-space: nowrap;
|
Update Phabricator logo
Summary:
This updates the eye logo and removes the formal wordmark "Phabricator" as an image. Instead we'll use the new updated eye logo and plain text for "Phabricator", both of which are more friendly and less industrial.
Installs that already use the `header-logo` customization setting will need to rebuild their logo to 80px x 80px. They will then also get to use plain text to whitebox their install as they see fit.
Test Plan:
Tested new logo at desktop, tablet, and mobile sizes. Set a random instance name, saw new wordmark. Created a really long wordmark of MMMMMMMMMMMM, saw text cut off so UI doesn't break. May need some additional tweaking, but I think we covered the most edge cases here.
{F1751791, size=full}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: edibiase, bjshively, yelirekim, Korvin
Maniphest Tasks: T4214, T11096
Differential Revision: https://secure.phabricator.com/D16373
2016-08-07 20:33:41 +02:00
|
|
|
}
|
2012-12-07 22:37:10 +01:00
|
|
|
|
2012-07-31 01:09:14 +02:00
|
|
|
/* - Expand/Collapse Button ----------------------------------------------------
|
|
|
|
|
|
|
|
|
|
On phones, the menu switches to a vertical layout and uses a button to expand
|
|
|
|
|
or collapse the items.
|
|
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
2012-12-07 22:36:35 +01:00
|
|
|
.phabricator-menu-button-icon {
|
2014-12-06 00:06:06 +01:00
|
|
|
width: 20px;
|
|
|
|
|
height: 32px;
|
2013-03-22 19:50:30 +01:00
|
|
|
float: left;
|
2014-12-06 00:06:06 +01:00
|
|
|
margin: 10px 8px 0 8px;
|
2012-12-07 22:34:44 +01:00
|
|
|
}
|
|
|
|
|
|
2014-12-04 22:01:23 +01:00
|
|
|
.phabricator-menu-button-icon.phui-icon-view {
|
2015-04-14 18:45:58 +02:00
|
|
|
font-size: 20px;
|
|
|
|
|
height: 20px;
|
|
|
|
|
width: 20px;
|
2015-06-04 05:21:12 +02:00
|
|
|
color: {$hoverwhite};
|
2015-04-14 18:45:58 +02:00
|
|
|
text-align: center;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
line-height: 24px;
|
2014-12-04 22:01:23 +01:00
|
|
|
}
|
|
|
|
|
|
2013-03-22 19:50:30 +01:00
|
|
|
.phabricator-expand-application-menu,
|
|
|
|
|
.phabricator-expand-search-menu {
|
|
|
|
|
float: right;
|
2012-12-07 22:34:44 +01:00
|
|
|
}
|
|
|
|
|
|
2013-03-22 19:50:30 +01:00
|
|
|
.device-desktop .phabricator-main-menu-search-button,
|
2012-07-31 01:09:14 +02:00
|
|
|
.device-desktop .phabricator-main-menu-expand-button {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
2012-12-07 22:34:44 +01:00
|
|
|
|
2012-07-31 01:09:14 +02:00
|
|
|
/* - Search --------------------------------------------------------------------
|
|
|
|
|
|
|
|
|
|
The main search input in the menu bar.
|
|
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
.device-desktop .phabricator-main-menu-search {
|
|
|
|
|
width: 220px;
|
|
|
|
|
}
|
|
|
|
|
|
2013-06-09 18:11:32 +02:00
|
|
|
.device .phabricator-main-menu-search {
|
|
|
|
|
height: 40px;
|
|
|
|
|
}
|
|
|
|
|
|
2012-07-31 01:09:14 +02:00
|
|
|
.phabricator-main-menu-search-container {
|
2015-04-07 21:03:40 +02:00
|
|
|
padding: 8px 0;
|
2012-07-31 01:09:14 +02:00
|
|
|
position: relative;
|
|
|
|
|
height: 24px;
|
2013-05-16 22:10:06 +02:00
|
|
|
margin: 0 8px;
|
2012-07-31 01:09:14 +02:00
|
|
|
}
|
|
|
|
|
|
2012-08-01 02:58:21 +02:00
|
|
|
.phabricator-main-menu-search-target {
|
|
|
|
|
position: absolute;
|
2015-07-02 00:17:44 +02:00
|
|
|
top: 42px;
|
2012-08-01 02:58:21 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device-desktop .phabricator-main-menu-search-target {
|
|
|
|
|
width: 320px;
|
|
|
|
|
margin-left: -150px;
|
|
|
|
|
}
|
|
|
|
|
|
2012-12-07 22:37:10 +01:00
|
|
|
.device .phabricator-main-menu-search-target {
|
2012-08-01 02:58:21 +02:00
|
|
|
width: 100%;
|
|
|
|
|
margin-left: -25px;
|
2012-07-31 01:09:14 +02:00
|
|
|
}
|
|
|
|
|
|
2012-12-07 22:37:10 +01:00
|
|
|
.device .phabricator-main-menu-search-container {
|
2013-06-09 18:11:32 +02:00
|
|
|
padding: 4px 0;
|
2012-07-31 01:09:14 +02:00
|
|
|
}
|
|
|
|
|
|
Update form styles, implement in many places
Summary:
This creates a common form look and feel across the site. I spent a bit of time working out a number of kinks in our various renderings. Some things:
- Font Styles are correctly applied for form elements now.
- Everything lines up!
- Selects are larger, easier to read, interact.
- Inputs have been squared.
- Consistant CSS applied glow (try it!)
- Improved Mobile Responsiveness
- CSS applied to all form elements, not just Aphront
- Many other minor tweaks.
I tried to hit as many high profile forms as possible in an effort to increase consistency. Stopped for now and will follow up after this lands. I know Evan is not a super fan of the glow, but after working with it for a week, it's way cleaner and responsive than the OS controls. Give it a try.
Test Plan: Tested many applications, forms, mobile and tablet.
Reviewers: epriestley, btrahan
Reviewed By: epriestley
CC: aran, Korvin
Differential Revision: https://secure.phabricator.com/D5860
2013-05-07 23:07:06 +02:00
|
|
|
.phabricator-main-menu .phabricator-main-menu-search input {
|
2012-07-31 01:09:14 +02:00
|
|
|
outline: 0;
|
|
|
|
|
margin: 0;
|
Update form styles, implement in many places
Summary:
This creates a common form look and feel across the site. I spent a bit of time working out a number of kinks in our various renderings. Some things:
- Font Styles are correctly applied for form elements now.
- Everything lines up!
- Selects are larger, easier to read, interact.
- Inputs have been squared.
- Consistant CSS applied glow (try it!)
- Improved Mobile Responsiveness
- CSS applied to all form elements, not just Aphront
- Many other minor tweaks.
I tried to hit as many high profile forms as possible in an effort to increase consistency. Stopped for now and will follow up after this lands. I know Evan is not a super fan of the glow, but after working with it for a week, it's way cleaner and responsive than the OS controls. Give it a try.
Test Plan: Tested many applications, forms, mobile and tablet.
Reviewers: epriestley, btrahan
Reviewed By: epriestley
CC: aran, Korvin
Differential Revision: https://secure.phabricator.com/D5860
2013-05-07 23:07:06 +02:00
|
|
|
box-shadow: none;
|
|
|
|
|
transition: none;
|
2012-07-31 01:09:14 +02:00
|
|
|
|
2015-05-07 05:52:22 +02:00
|
|
|
color: {$bluetext};
|
2012-07-31 01:09:14 +02:00
|
|
|
width: 100%;
|
|
|
|
|
right: 0;
|
|
|
|
|
position: absolute;
|
2015-06-26 18:33:03 +02:00
|
|
|
font-size: {$normalfontsize};
|
2015-05-07 05:52:22 +02:00
|
|
|
border-width: 1px;
|
2015-06-29 02:59:48 +02:00
|
|
|
border-color: {$lightblueborder};
|
2015-04-12 06:26:25 +02:00
|
|
|
border-radius: 3px;
|
2015-07-02 00:17:44 +02:00
|
|
|
border-style: solid;
|
2015-05-07 05:52:22 +02:00
|
|
|
background-color: #fff;
|
2015-04-07 21:03:40 +02:00
|
|
|
height: 28px;
|
2015-04-29 23:05:21 +02:00
|
|
|
padding: 3px 30px 3px 6px;
|
2015-04-07 21:03:40 +02:00
|
|
|
float: left;
|
2015-04-12 06:26:25 +02:00
|
|
|
width: 205px;
|
2012-07-31 01:09:14 +02:00
|
|
|
}
|
|
|
|
|
|
2013-01-27 16:59:05 +01:00
|
|
|
.device .phabricator-main-menu-search input {
|
2015-04-07 21:03:40 +02:00
|
|
|
height: 32px;
|
2015-06-26 18:33:03 +02:00
|
|
|
font-size: {$biggestfontsize};
|
2015-04-07 21:03:40 +02:00
|
|
|
width: 100%;
|
2015-04-23 02:56:47 +02:00
|
|
|
padding-left: 50px;
|
2013-01-27 16:59:05 +01:00
|
|
|
}
|
|
|
|
|
|
Update form styles, implement in many places
Summary:
This creates a common form look and feel across the site. I spent a bit of time working out a number of kinks in our various renderings. Some things:
- Font Styles are correctly applied for form elements now.
- Everything lines up!
- Selects are larger, easier to read, interact.
- Inputs have been squared.
- Consistant CSS applied glow (try it!)
- Improved Mobile Responsiveness
- CSS applied to all form elements, not just Aphront
- Many other minor tweaks.
I tried to hit as many high profile forms as possible in an effort to increase consistency. Stopped for now and will follow up after this lands. I know Evan is not a super fan of the glow, but after working with it for a week, it's way cleaner and responsive than the OS controls. Give it a try.
Test Plan: Tested many applications, forms, mobile and tablet.
Reviewers: epriestley, btrahan
Reviewed By: epriestley
CC: aran, Korvin
Differential Revision: https://secure.phabricator.com/D5860
2013-05-07 23:07:06 +02:00
|
|
|
.phabricator-main-menu .phabricator-main-menu-search input:focus {
|
2013-05-16 22:10:06 +02:00
|
|
|
background: #fff;
|
2013-12-06 21:08:11 +01:00
|
|
|
opacity: 1;
|
2015-06-29 02:59:48 +02:00
|
|
|
color: {$darkbluetext};
|
2015-04-07 21:03:40 +02:00
|
|
|
border-color: {$sky};
|
2013-05-16 22:10:06 +02:00
|
|
|
box-shadow: none;
|
2012-07-31 01:09:14 +02:00
|
|
|
}
|
|
|
|
|
|
2012-08-06 00:07:12 +02:00
|
|
|
.phabricator-main-menu-search input.jx-typeahead-placeholder {
|
2015-05-07 05:52:22 +02:00
|
|
|
color: {$bluetext};
|
2012-07-31 01:09:14 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-main-menu-search button {
|
2015-05-07 05:52:22 +02:00
|
|
|
color: {$bluetext};
|
2012-07-31 01:09:14 +02:00
|
|
|
position: absolute;
|
2015-06-04 05:21:12 +02:00
|
|
|
background: {$greybackground};
|
2012-07-31 01:09:14 +02:00
|
|
|
border: none;
|
|
|
|
|
outline: none;
|
|
|
|
|
box-shadow: none;
|
2012-11-09 00:47:11 +01:00
|
|
|
text-shadow: none;
|
|
|
|
|
min-width: 0;
|
2015-04-12 06:26:25 +02:00
|
|
|
height: 24px;
|
|
|
|
|
width: 28px;
|
|
|
|
|
top: 10px;
|
2015-04-23 02:56:47 +02:00
|
|
|
right: -6px;
|
2015-04-07 21:03:40 +02:00
|
|
|
margin: 0 8px 0 0;
|
2015-03-31 18:59:09 +02:00
|
|
|
padding: 0;
|
2015-04-12 06:26:25 +02:00
|
|
|
border-radius: 0;
|
2015-04-07 21:03:40 +02:00
|
|
|
}
|
|
|
|
|
|
Implement a scope selector for the global search
Summary:
See M1433. Fixes T7266. Fixes T4475. Ref T7314.
Future work/notes/etc:
- Write the User Guide (see TODO).
- This might needs some design tweaks -- I think it's functionally almost-equivalent to the mock, but the UI isn't quite the same.
- (Mobile design is a touch off-looking I think?)
- When you use a custom query, the duplicate "magnifying glass" icons are a little weird. Maybe change one or the other.
- Maybe worth adding an "Open Documents in Current Application" option? Planning to wait for feedback on that.
- Need a Quicksand integration to change the current application at some point.
- Searching in "Current Application" from, e.g., the 404 page just searches all documents. Current plan is to just document this behavior, since the icon is a pretty good callout and it seems plausible that this is intuitive enough that users won't have a hard time with it.
Test Plan:
New dropdown:
{F379150}
Device-ish:
{F379151}
Normal search (current application, from maniphest, selects tasks):
{F379153}
Application search from non-application:
{F379154}
Reviewers: btrahan, chad
Reviewed By: chad
Subscribers: johnny-bit, epriestley
Maniphest Tasks: T7266, T7314, T4475
Differential Revision: https://secure.phabricator.com/D12509
2015-04-22 23:31:36 +02:00
|
|
|
.phabricator-main-menu-search button.phabricator-main-menu-search-dropdown {
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: auto;
|
2015-04-23 02:56:47 +02:00
|
|
|
left: -45px;
|
Implement a scope selector for the global search
Summary:
See M1433. Fixes T7266. Fixes T4475. Ref T7314.
Future work/notes/etc:
- Write the User Guide (see TODO).
- This might needs some design tweaks -- I think it's functionally almost-equivalent to the mock, but the UI isn't quite the same.
- (Mobile design is a touch off-looking I think?)
- When you use a custom query, the duplicate "magnifying glass" icons are a little weird. Maybe change one or the other.
- Maybe worth adding an "Open Documents in Current Application" option? Planning to wait for feedback on that.
- Need a Quicksand integration to change the current application at some point.
- Searching in "Current Application" from, e.g., the 404 page just searches all documents. Current plan is to just document this behavior, since the icon is a pretty good callout and it seems plausible that this is intuitive enough that users won't have a hard time with it.
Test Plan:
New dropdown:
{F379150}
Device-ish:
{F379151}
Normal search (current application, from maniphest, selects tasks):
{F379153}
Application search from non-application:
{F379154}
Reviewers: btrahan, chad
Reviewed By: chad
Subscribers: johnny-bit, epriestley
Maniphest Tasks: T7266, T7314, T4475
Differential Revision: https://secure.phabricator.com/D12509
2015-04-22 23:31:36 +02:00
|
|
|
width: 40px;
|
2015-04-23 02:56:47 +02:00
|
|
|
background: transparent;
|
|
|
|
|
}
|
|
|
|
|
|
2015-05-21 00:29:41 +02:00
|
|
|
.device-desktop .phabricator-main-menu-search
|
|
|
|
|
button.phabricator-main-menu-search-dropdown {
|
|
|
|
|
height: 28px;
|
|
|
|
|
top: 8px;
|
|
|
|
|
}
|
|
|
|
|
|
2015-04-23 02:56:47 +02:00
|
|
|
.device-desktop .phabricator-main-menu-search
|
|
|
|
|
button.phabricator-main-menu-search-dropdown:hover .phui-icon-view {
|
2015-06-04 05:21:12 +02:00
|
|
|
color: #fff;
|
2015-04-23 02:56:47 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device .phabricator-main-menu-search
|
2015-05-21 00:29:41 +02:00
|
|
|
button.phabricator-main-menu-search-dropdown {
|
|
|
|
|
left: 2px;
|
2015-06-04 05:21:12 +02:00
|
|
|
background: {$greybackground};
|
2015-04-23 05:30:51 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
button.phabricator-main-menu-search-dropdown .caret:before {
|
|
|
|
|
content: "\f107";
|
|
|
|
|
font-family: FontAwesome;
|
2015-06-04 05:21:12 +02:00
|
|
|
color: {$hoverwhite};
|
Implement a scope selector for the global search
Summary:
See M1433. Fixes T7266. Fixes T4475. Ref T7314.
Future work/notes/etc:
- Write the User Guide (see TODO).
- This might needs some design tweaks -- I think it's functionally almost-equivalent to the mock, but the UI isn't quite the same.
- (Mobile design is a touch off-looking I think?)
- When you use a custom query, the duplicate "magnifying glass" icons are a little weird. Maybe change one or the other.
- Maybe worth adding an "Open Documents in Current Application" option? Planning to wait for feedback on that.
- Need a Quicksand integration to change the current application at some point.
- Searching in "Current Application" from, e.g., the 404 page just searches all documents. Current plan is to just document this behavior, since the icon is a pretty good callout and it seems plausible that this is intuitive enough that users won't have a hard time with it.
Test Plan:
New dropdown:
{F379150}
Device-ish:
{F379151}
Normal search (current application, from maniphest, selects tasks):
{F379153}
Application search from non-application:
{F379154}
Reviewers: btrahan, chad
Reviewed By: chad
Subscribers: johnny-bit, epriestley
Maniphest Tasks: T7266, T7314, T4475
Differential Revision: https://secure.phabricator.com/D12509
2015-04-22 23:31:36 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-main-menu-search button.phabricator-main-menu-search-dropdown
|
|
|
|
|
.phui-icon-view {
|
2015-06-04 05:21:12 +02:00
|
|
|
color: {$hoverwhite};
|
2015-05-21 00:29:41 +02:00
|
|
|
font-size: 15px;
|
|
|
|
|
top: 6px;
|
|
|
|
|
left: 8px;
|
2015-06-04 05:21:12 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device
|
|
|
|
|
.phabricator-main-menu-search button.phabricator-main-menu-search-dropdown
|
|
|
|
|
.phui-icon-view {
|
|
|
|
|
color: {$bluetext};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device button.phabricator-main-menu-search-dropdown .caret:before {
|
|
|
|
|
color: {$bluetext};
|
Implement a scope selector for the global search
Summary:
See M1433. Fixes T7266. Fixes T4475. Ref T7314.
Future work/notes/etc:
- Write the User Guide (see TODO).
- This might needs some design tweaks -- I think it's functionally almost-equivalent to the mock, but the UI isn't quite the same.
- (Mobile design is a touch off-looking I think?)
- When you use a custom query, the duplicate "magnifying glass" icons are a little weird. Maybe change one or the other.
- Maybe worth adding an "Open Documents in Current Application" option? Planning to wait for feedback on that.
- Need a Quicksand integration to change the current application at some point.
- Searching in "Current Application" from, e.g., the 404 page just searches all documents. Current plan is to just document this behavior, since the icon is a pretty good callout and it seems plausible that this is intuitive enough that users won't have a hard time with it.
Test Plan:
New dropdown:
{F379150}
Device-ish:
{F379151}
Normal search (current application, from maniphest, selects tasks):
{F379153}
Application search from non-application:
{F379154}
Reviewers: btrahan, chad
Reviewed By: chad
Subscribers: johnny-bit, epriestley
Maniphest Tasks: T7266, T7314, T4475
Differential Revision: https://secure.phabricator.com/D12509
2015-04-22 23:31:36 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-main-menu-search-dropdown .caret {
|
|
|
|
|
position: absolute;
|
2015-05-21 00:29:41 +02:00
|
|
|
right: 15px;
|
|
|
|
|
top: 5px;
|
2015-04-23 05:30:51 +02:00
|
|
|
border: none;
|
|
|
|
|
margin-top: 1px;
|
Implement a scope selector for the global search
Summary:
See M1433. Fixes T7266. Fixes T4475. Ref T7314.
Future work/notes/etc:
- Write the User Guide (see TODO).
- This might needs some design tweaks -- I think it's functionally almost-equivalent to the mock, but the UI isn't quite the same.
- (Mobile design is a touch off-looking I think?)
- When you use a custom query, the duplicate "magnifying glass" icons are a little weird. Maybe change one or the other.
- Maybe worth adding an "Open Documents in Current Application" option? Planning to wait for feedback on that.
- Need a Quicksand integration to change the current application at some point.
- Searching in "Current Application" from, e.g., the 404 page just searches all documents. Current plan is to just document this behavior, since the icon is a pretty good callout and it seems plausible that this is intuitive enough that users won't have a hard time with it.
Test Plan:
New dropdown:
{F379150}
Device-ish:
{F379151}
Normal search (current application, from maniphest, selects tasks):
{F379153}
Application search from non-application:
{F379154}
Reviewers: btrahan, chad
Reviewed By: chad
Subscribers: johnny-bit, epriestley
Maniphest Tasks: T7266, T7314, T4475
Differential Revision: https://secure.phabricator.com/D12509
2015-04-22 23:31:36 +02:00
|
|
|
}
|
|
|
|
|
|
2015-04-07 21:03:40 +02:00
|
|
|
.phabricator-main-menu-search button:hover {
|
2015-05-07 05:52:22 +02:00
|
|
|
color: {$sky};
|
2012-07-31 01:09:14 +02:00
|
|
|
}
|
|
|
|
|
|
2013-01-27 16:59:05 +01:00
|
|
|
.device .phabricator-main-menu-search button {
|
2015-04-07 21:03:40 +02:00
|
|
|
top: 6px;
|
|
|
|
|
border-radius: 0;
|
2015-04-12 06:26:25 +02:00
|
|
|
height: 28px;
|
|
|
|
|
right: -6px;
|
2013-01-27 16:59:05 +01:00
|
|
|
}
|
|
|
|
|
|
2012-08-01 02:58:21 +02:00
|
|
|
.phabricator-main-menu-search-target div.jx-typeahead-results {
|
2015-04-23 02:56:47 +02:00
|
|
|
background: #fff;
|
2013-05-16 22:10:06 +02:00
|
|
|
word-wrap: break-word;
|
|
|
|
|
overflow-y: auto;
|
2015-04-14 18:48:59 +02:00
|
|
|
box-shadow: {$dropshadow};
|
2015-07-02 00:17:44 +02:00
|
|
|
border: 1px solid {$blueborder};
|
2013-05-16 22:10:06 +02:00
|
|
|
border-radius: 3px;
|
|
|
|
|
margin-left: 40px;
|
2012-08-01 02:58:21 +02:00
|
|
|
}
|
|
|
|
|
|
2014-06-22 21:34:08 +02:00
|
|
|
.device .phabricator-main-menu-search-target div.jx-typeahead-results {
|
|
|
|
|
margin-left: 30px;
|
|
|
|
|
}
|
|
|
|
|
|
2014-06-14 20:03:31 +02:00
|
|
|
.phabricator-main-search-typeahead-result .phabricator-search-icon {
|
|
|
|
|
width: 28px;
|
|
|
|
|
height: 28px;
|
|
|
|
|
position: absolute;
|
2015-01-26 17:19:22 +01:00
|
|
|
top: 8px;
|
|
|
|
|
left: 8px;
|
|
|
|
|
font-size: 24px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
vertical-align: bottom;
|
2014-06-14 20:03:31 +02:00
|
|
|
}
|
|
|
|
|
|
2012-08-01 02:58:21 +02:00
|
|
|
.phabricator-main-search-typeahead-result {
|
|
|
|
|
display: block;
|
2014-05-28 00:26:16 +02:00
|
|
|
padding: 6px 8px 8px 44px;
|
|
|
|
|
background-position: 8px;
|
|
|
|
|
background-size: 30px 30px;
|
2012-08-01 02:58:21 +02:00
|
|
|
background-repeat: no-repeat;
|
2014-06-14 20:03:31 +02:00
|
|
|
position: relative;
|
2012-08-01 02:58:21 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-main-search-typeahead-result .result-name {
|
|
|
|
|
display: block;
|
2015-06-26 18:33:03 +02:00
|
|
|
font-size: {$normalfontsize};
|
2012-08-01 02:58:21 +02:00
|
|
|
font-weight: bold;
|
2014-05-28 00:26:16 +02:00
|
|
|
color: {$darkgreytext};
|
2012-08-01 02:58:21 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-main-search-typeahead-result .result-type {
|
2013-09-02 17:12:18 +02:00
|
|
|
color: {$lightgreytext};
|
2015-06-26 18:33:03 +02:00
|
|
|
font-size: {$smallestfontsize};
|
2013-05-16 22:10:06 +02:00
|
|
|
font-weight: normal;
|
2012-08-01 02:58:21 +02:00
|
|
|
}
|
|
|
|
|
|
2013-06-09 18:11:32 +02:00
|
|
|
.device .phabricator-application-menu-expanded.phabricator-search-menu-expanded
|
|
|
|
|
.phabricator-search-menu {
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2014-06-22 21:34:08 +02:00
|
|
|
.device-phone .phabricator-main-search-typeahead-result .result-name {
|
2015-06-26 18:33:03 +02:00
|
|
|
font-size: {$biggestfontsize};
|
2014-06-22 21:34:08 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device-phone .phabricator-main-search-typeahead-result .result-type {
|
2015-06-26 18:33:03 +02:00
|
|
|
font-size: {$normalfontsize};
|
2014-06-22 21:34:08 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device .phabricator-dark-menu .phui-list-item-type-link
|
|
|
|
|
.phabricator-main-search-typeahead-result {
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
}
|
2012-08-01 02:58:21 +02:00
|
|
|
|
2015-06-04 05:21:12 +02:00
|
|
|
|
|
|
|
|
|
2012-07-31 01:09:14 +02:00
|
|
|
/* - Alert ---------------------------------------------------------------------
|
|
|
|
|
|
|
|
|
|
Alert menus are like icon menus but don't obey collapse rules.
|
|
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
2013-01-27 02:04:18 +01:00
|
|
|
.phabricator-main-menu-alerts {
|
2012-07-31 01:09:14 +02:00
|
|
|
display: inline-block;
|
2013-01-29 00:43:15 +01:00
|
|
|
float: left;
|
2014-12-08 22:53:29 +01:00
|
|
|
padding: 4px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.alert-notifications {
|
|
|
|
|
float: left;
|
|
|
|
|
}
|
|
|
|
|
|
2015-02-20 19:47:33 +01:00
|
|
|
.alert-notifications .phui-icon-view {
|
2015-06-04 05:21:12 +02:00
|
|
|
color: {$hoverwhite};
|
2015-02-20 19:47:33 +01:00
|
|
|
}
|
|
|
|
|
|
2015-02-20 21:57:57 +01:00
|
|
|
.device-desktop .alert-notifications:hover {
|
|
|
|
|
margin-top: -2px;
|
|
|
|
|
transition-duration: .2s;
|
2014-12-08 22:53:29 +01:00
|
|
|
}
|
|
|
|
|
|
2015-02-20 21:57:57 +01:00
|
|
|
.device-desktop .alert-notifications:hover .phui-icon-view {
|
2015-06-04 05:21:12 +02:00
|
|
|
color: #fff;
|
2012-07-31 01:09:14 +02:00
|
|
|
}
|
|
|
|
|
|
2013-01-27 02:04:18 +01:00
|
|
|
.phabricator-main-menu-alert-icon,
|
2016-08-28 04:00:35 +02:00
|
|
|
.phabricator-main-menu-message-icon,
|
|
|
|
|
.phabricator-main-menu-setup-icon {
|
2013-02-26 23:56:25 +01:00
|
|
|
width: 18px;
|
|
|
|
|
height: 18px;
|
2013-01-27 02:04:18 +01:00
|
|
|
float: left;
|
2014-12-09 06:04:24 +01:00
|
|
|
padding: 8px 6px 8px 4px;
|
2015-06-04 05:21:12 +02:00
|
|
|
color: #fff;
|
2014-12-08 22:53:29 +01:00
|
|
|
font-size: 18px;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
text-align: right;
|
2012-11-27 23:03:25 +01:00
|
|
|
}
|
2012-07-31 01:09:14 +02:00
|
|
|
|
2015-06-04 05:21:12 +02:00
|
|
|
.phui-icon-view.menu-icon-selected {
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
2014-12-08 22:53:29 +01:00
|
|
|
.phabricator-main-menu-alert-icon {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
margin-top: 2px;
|
2013-01-27 02:04:18 +01:00
|
|
|
}
|
|
|
|
|
|
2016-08-28 04:00:35 +02:00
|
|
|
.setup-unread .phui-icon-view.phabricator-main-menu-setup-icon {
|
|
|
|
|
color: #ecf36c;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
margin-top: 2px;
|
|
|
|
|
width: 15px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.setup-unread .phabricator-main-menu-setup-count {
|
|
|
|
|
color: #ecf36c;
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device-desktop .alert-notifications.setup-unread:hover .phui-icon-view {
|
|
|
|
|
color: #ecf36c;
|
|
|
|
|
}
|
|
|
|
|
|
2013-01-27 02:04:18 +01:00
|
|
|
.phabricator-main-menu-alert-count,
|
2016-08-28 04:00:35 +02:00
|
|
|
.phabricator-main-menu-message-count,
|
|
|
|
|
.phabricator-main-menu-setup-count {
|
2015-06-04 05:21:12 +02:00
|
|
|
color: #fff;
|
2012-11-27 23:03:25 +01:00
|
|
|
text-align: center;
|
|
|
|
|
display: none;
|
2013-01-27 02:04:18 +01:00
|
|
|
float: left;
|
2014-12-08 22:53:29 +01:00
|
|
|
margin: 11px 6px 0 -2px;
|
2015-06-26 18:33:03 +02:00
|
|
|
font-size: {$smallerfontsize};
|
2014-12-08 22:53:29 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device-phone .alert-unread .phabricator-main-menu-alert-count,
|
2016-08-28 04:00:35 +02:00
|
|
|
.device-phone .message-unread .phabricator-main-menu-message-count,
|
|
|
|
|
.device-phone .setup-unread .phabricator-main-menu-setup-count {
|
2014-12-08 22:53:29 +01:00
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.alert-unread .phabricator-main-menu-alert-icon,
|
2016-08-28 04:00:35 +02:00
|
|
|
.message-unread .phabricator-main-menu-message-icon,
|
|
|
|
|
.setup-unread .phabricator-main-menu-setup-icon {
|
2015-06-04 05:21:12 +02:00
|
|
|
color: #fff;
|
2012-11-27 23:03:25 +01:00
|
|
|
}
|
|
|
|
|
|
2013-01-27 02:04:18 +01:00
|
|
|
.alert-unread .phabricator-main-menu-alert-count,
|
2016-08-28 04:00:35 +02:00
|
|
|
.message-unread .phabricator-main-menu-message-count,
|
|
|
|
|
.setup-unread .phabricator-main-menu-setup-count {
|
2012-11-27 23:03:25 +01:00
|
|
|
display: block;
|
2012-07-31 01:09:14 +02:00
|
|
|
}
|
2012-12-07 22:33:03 +01:00
|
|
|
|
2012-12-07 22:34:44 +01:00
|
|
|
/* - Dark Menu -----------------------------------------------------------------
|
|
|
|
|
|
|
|
|
|
Styles shared between the "core" menu (left button on mobile) and
|
|
|
|
|
"application" menu (right button on mobile). These styles give the menu a
|
|
|
|
|
white-on-black appearance.
|
|
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
2012-12-07 22:37:10 +01:00
|
|
|
.device .phabricator-dark-menu,
|
2013-06-05 17:41:43 +02:00
|
|
|
.device .phabricator-dark-menu a.phui-list-item-href {
|
2015-05-21 00:29:41 +02:00
|
|
|
color: {$darkbluetext};
|
2014-05-29 05:56:20 +02:00
|
|
|
-webkit-font-smoothing: antialiased;
|
2012-12-07 22:34:44 +01:00
|
|
|
}
|
|
|
|
|
|
2013-06-05 17:41:43 +02:00
|
|
|
.device .phabricator-dark-menu .phui-list-item-type-label {
|
2012-12-07 22:34:44 +01:00
|
|
|
text-transform: uppercase;
|
2015-06-26 18:33:03 +02:00
|
|
|
font-size: {$normalfontsize};
|
2015-05-21 00:29:41 +02:00
|
|
|
background-color: #fff;
|
|
|
|
|
padding: 6px 0 6px 12px;
|
2012-12-07 22:36:35 +01:00
|
|
|
display: block;
|
2013-06-05 17:41:43 +02:00
|
|
|
font-weight: bold;
|
2015-06-04 05:21:12 +02:00
|
|
|
color: #000;
|
2012-12-07 22:36:35 +01:00
|
|
|
}
|
|
|
|
|
|
2013-06-05 17:41:43 +02:00
|
|
|
.device .phabricator-dark-menu .phui-list-item-href {
|
2015-05-21 00:29:41 +02:00
|
|
|
background-color: #fff;
|
2014-12-06 00:06:06 +01:00
|
|
|
padding: 4px 0 4px 20px;
|
2013-01-27 16:59:05 +01:00
|
|
|
display: block;
|
2012-12-07 22:36:35 +01:00
|
|
|
}
|
|
|
|
|
|
2012-12-07 22:34:44 +01:00
|
|
|
|
2012-12-07 22:33:03 +01:00
|
|
|
/* - Core Menu -----------------------------------------------------------------
|
|
|
|
|
|
2012-12-07 22:34:44 +01:00
|
|
|
Styles unique to the core menu (left button on mobile).
|
|
|
|
|
|
2012-12-07 22:33:03 +01:00
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
.phabricator-core-menu-profile-image {
|
Use application icons for "Eye" menu and Crumbs
Summary:
Issues here:
- Need an application-sized "eye", or a "home" icon for "Phabricator Home".
- Some of the "apps_lb_2x" sliced images are the "_dark_" versions, not the light versions.
- If you slice an application-sized "logout" (power off) icon and application-sized "help" (questionmark in circle) icon I can replace the current menu icons and nearly get rid of "autosprite".
- To replace the icons on /applications/, the non-retina size is "4x", so we'd need "8x" for retina. Alternatively I can reduce the icon sizes by 50%.
- The "Help", "Settings" and "Logout" items currently have a "glowing" hover state, which needs a variant (or we can drop it).
- The /applications/ icons have a white hover state (or we can drop it).
- The 1x application (14x14) icons aren't used anywhere right now, should they be? Maybe in the feed in the future, etc?
- The "apps-2x" and "apps-large" sheets are the same image, but getting them to actually use the same file is a bit tricky, so I just left them separate for now.
Test Plan:
{F26698}
{F26699}
Reviewers: chad
Reviewed By: chad
CC: aran
Maniphest Tasks: T1960
Differential Revision: https://secure.phabricator.com/D4108
2012-12-07 22:37:28 +01:00
|
|
|
background-size: 28px 28px;
|
2012-12-07 22:33:03 +01:00
|
|
|
}
|
|
|
|
|
|
2013-03-22 19:50:30 +01:00
|
|
|
.device .phabricator-search-menu {
|
2012-12-07 22:33:03 +01:00
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
2013-03-22 19:50:30 +01:00
|
|
|
.device-desktop .phabricator-search-menu {
|
|
|
|
|
float: right;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device .phabricator-search-menu-expanded .phabricator-search-menu {
|
2012-12-07 22:33:03 +01:00
|
|
|
display: block;
|
2015-06-04 05:21:12 +02:00
|
|
|
position: absolute;
|
|
|
|
|
top: 38px;
|
|
|
|
|
left: 8px;
|
|
|
|
|
right: 8px;
|
|
|
|
|
border: 1px solid {$lightblueborder};
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
box-shadow: {$dropshadow};
|
2012-12-07 22:33:03 +01:00
|
|
|
}
|
|
|
|
|
|
2013-06-05 17:41:43 +02:00
|
|
|
.device .phabricator-dark-menu .phui-list-item-type-link {
|
2015-06-04 05:21:12 +02:00
|
|
|
min-height: 24px;
|
|
|
|
|
line-height: 20px;
|
2015-05-21 00:29:41 +02:00
|
|
|
background: #fff;
|
2012-12-07 22:33:03 +01:00
|
|
|
}
|
|
|
|
|
|
2013-03-22 19:50:30 +01:00
|
|
|
.device-desktop .phabricator-application-menu {
|
2013-06-09 18:11:32 +02:00
|
|
|
float: right;
|
2012-12-07 22:33:03 +01:00
|
|
|
}
|
|
|
|
|
|
2013-06-09 18:11:32 +02:00
|
|
|
.device-desktop .phabricator-application-menu .phui-list-item-view,
|
|
|
|
|
.device-desktop .phabricator-application-menu .phui-list-item-name {
|
2012-12-07 22:33:03 +01:00
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
2014-12-04 22:01:23 +01:00
|
|
|
.phabricator-application-menu .phui-list-item-href {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-application-menu .phui-list-item-icon.phui-font-fa {
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
height: 20px;
|
|
|
|
|
width: 20px;
|
2015-06-04 05:21:12 +02:00
|
|
|
color: {$hoverwhite};
|
2014-12-04 22:01:23 +01:00
|
|
|
margin: 8px;
|
|
|
|
|
text-align: center;
|
2014-12-05 02:36:15 +01:00
|
|
|
vertical-align: middle;
|
2015-06-04 05:21:12 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device .phabricator-dark-menu.phabricator-application-menu
|
|
|
|
|
.phui-list-item-icon.phui-font-fa,
|
|
|
|
|
.device .phabricator-dark-menu .phabricator-core-menu-icon {
|
|
|
|
|
display: none;
|
2014-12-05 02:36:15 +01:00
|
|
|
}
|
|
|
|
|
|
2014-12-06 00:06:06 +01:00
|
|
|
.device .phabricator-application-menu .phui-list-item-icon.phui-font-fa {
|
|
|
|
|
margin: 4px 12px 4px 0;
|
|
|
|
|
}
|
|
|
|
|
|
2014-12-05 02:36:15 +01:00
|
|
|
.phabricator-application-menu .phui-list-item-icon.fa-plus {
|
|
|
|
|
line-height: 22px;
|
2014-05-13 05:11:45 +02:00
|
|
|
}
|
|
|
|
|
|
2014-12-06 00:06:06 +01:00
|
|
|
.device-desktop .phabricator-application-menu
|
|
|
|
|
.core-menu-item.phui-list-item-view:hover
|
|
|
|
|
.phui-list-item-icon.phui-font-fa {
|
2015-06-04 05:21:12 +02:00
|
|
|
color: #fff;
|
2014-12-06 00:06:06 +01:00
|
|
|
}
|
|
|
|
|
|
2014-12-30 11:48:26 +01:00
|
|
|
.device-desktop .phabricator-application-menu
|
|
|
|
|
.phui-list-item-view.core-menu-item {
|
2013-04-03 17:26:36 +02:00
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
2013-06-05 17:41:43 +02:00
|
|
|
.device-desktop .phabricator-application-menu .phui-list-item-view {
|
2012-12-07 22:33:03 +01:00
|
|
|
float: left;
|
|
|
|
|
position: relative;
|
2014-01-31 18:10:32 +01:00
|
|
|
min-width: 36px;
|
|
|
|
|
height: 36px;
|
|
|
|
|
margin-top: 4px;
|
2012-12-07 22:33:03 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device-desktop .phabricator-core-menu-icon {
|
2015-04-07 21:03:40 +02:00
|
|
|
top: 4px;
|
2014-01-31 18:10:32 +01:00
|
|
|
left: 4px;
|
2012-12-07 22:33:03 +01:00
|
|
|
}
|
|
|
|
|
|
2012-12-07 22:37:10 +01:00
|
|
|
.device .phabricator-core-menu-icon {
|
2014-12-06 00:06:06 +01:00
|
|
|
left: 16px;
|
|
|
|
|
height: 24px;
|
|
|
|
|
width: 24px;
|
|
|
|
|
background-size: 24px;
|
|
|
|
|
margin: 2px;
|
2012-12-07 22:33:03 +01:00
|
|
|
}
|
|
|
|
|
|
2013-03-22 19:50:30 +01:00
|
|
|
.phabricator-core-menu-icon {
|
|
|
|
|
position: absolute;
|
|
|
|
|
display: block;
|
|
|
|
|
width: 28px;
|
|
|
|
|
height: 28px;
|
2012-12-07 22:33:03 +01:00
|
|
|
}
|
2012-12-07 22:34:44 +01:00
|
|
|
|
2016-06-06 22:57:58 +02:00
|
|
|
.phabricator-main-menu-dropdown.phui-list-sidenav {
|
2014-01-29 05:19:20 +01:00
|
|
|
position: absolute;
|
2014-02-01 00:19:39 +01:00
|
|
|
background: #fff;
|
2015-07-02 00:17:44 +02:00
|
|
|
top: 42px;
|
2016-06-06 22:57:58 +02:00
|
|
|
padding: 6px 0;
|
|
|
|
|
margin: 0 20px 0 0;
|
2015-04-14 18:48:59 +02:00
|
|
|
box-shadow: {$dropshadow};
|
2016-06-06 22:57:58 +02:00
|
|
|
border: 1px solid {$lightblueborder};
|
2014-05-29 05:56:20 +02:00
|
|
|
border-radius: 3px;
|
2014-01-29 05:19:20 +01:00
|
|
|
}
|
|
|
|
|
|
2016-06-06 22:57:58 +02:00
|
|
|
.phabricator-main-menu-dropdown.phui-list-sidenav .phui-list-item-has-icon
|
|
|
|
|
.phui-list-item-href {
|
|
|
|
|
padding: 4px 40px 4px 12px;
|
2016-09-07 23:23:07 +02:00
|
|
|
white-space: nowrap;
|
2016-06-06 22:57:58 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-main-menu-dropdown.phui-list-sidenav .phui-list-item-type-label
|
|
|
|
|
.phui-list-item-name {
|
|
|
|
|
padding-left: 12px;
|
|
|
|
|
}
|
|
|
|
|
|
2014-01-29 05:19:20 +01:00
|
|
|
|
2012-12-07 22:34:44 +01:00
|
|
|
/* - Application Menu ----------------------------------------------------------
|
|
|
|
|
|
|
|
|
|
Styles unique to the application menu (right button on mobile).
|
|
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
2012-12-07 22:37:10 +01:00
|
|
|
.device .phabricator-application-menu-expanded .phabricator-application-menu {
|
2012-12-07 22:34:44 +01:00
|
|
|
display: block;
|
2015-06-04 05:21:12 +02:00
|
|
|
position: absolute;
|
2015-07-02 00:17:44 +02:00
|
|
|
border: 1px solid {$blueborder};
|
2015-06-04 05:21:12 +02:00
|
|
|
border-radius: 3px;
|
|
|
|
|
box-shadow: {$dropshadow};
|
2015-07-02 00:17:44 +02:00
|
|
|
top: 42px;
|
2015-06-04 05:21:12 +02:00
|
|
|
right: 8px;
|
|
|
|
|
width: 240px;
|
2012-12-07 22:34:44 +01:00
|
|
|
}
|
|
|
|
|
|
2013-03-22 19:50:30 +01:00
|
|
|
.device .phabricator-application-menu,
|
2013-06-05 17:41:43 +02:00
|
|
|
.device-desktop .phabricator-dark-menu .phui-list-item-type-label {
|
2012-12-07 22:34:44 +01:00
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
2013-10-19 23:23:19 +02:00
|
|
|
|
|
|
|
|
/* - Print ---------------------------------------------------------------------
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
!print .phabricator-main-menu {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
