revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-27 17:22:42 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/phui/phui-object-box.css

127 lines
2.5 KiB
CSS
Raw Normal View History

Add objectheaders to new View Summary: This adds the 'PHUIObjectBox' to nearly every place that should get it. I need to comb through Diffusion a little more. I've left Differential mostly alone, but may decide to do it anyways this weekend. I'm sure I missed something else, but these are easy enough to update. Test Plan: tested each new layout. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7162
2013-09-29 00:55:38 +02:00
/**
* @provides phui-object-box-css
*/
Normalize ActionList dropdowns Summary: Normalizes the display of the ActionList menu on mobile and tablet, shifts them to being actual menu dropdowns instead of an inline list. Test Plan: Verify DocumentView, Profiles, and Tasks all display the Action Menu in an identical way. {F368091} {F368092} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12373
2015-04-12 22:29:27 +02:00
.phui-object-box {
position: relative;
[Redesign] First rough pass at new ObjectBoxView Summary: Ref T8099. These are still in progress, but helps visualize the major UI changes before getting deep into the details. Test Plan: Visit basic dashboard, task, diff, and edit pages. {F395806} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12757
2015-05-07 23:11:44 +02:00
padding: 12px 12px 4px 12px;
Normalize ActionList dropdowns Summary: Normalizes the display of the ActionList menu on mobile and tablet, shifts them to being actual menu dropdowns instead of an inline list. Test Plan: Verify DocumentView, Profiles, and Tasks all display the Action Menu in an identical way. {F368091} {F368092} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12373
2015-04-12 22:29:27 +02:00
}
[Redesign] Add Table, Collapse support to ObjectBox
2015-05-20 08:14:22 +02:00
.phui-object-box.phui-object-box-collapsed {
padding: 12px 0 0 0;
}
[Redesign] Mobile/Phone design pass Summary: Ref T8099, Quick descent pass at making header, object lists, tables, filter view, mobile friendly. Test Plan: Test home, differential diff, maniphest task, new task, search, and a few other views. {F414034} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12984
2015-05-23 02:52:51 +02:00
.device-phone .phui-object-box.phui-object-box-collapsed {
padding: 8px 0 0 0;
}
[Redesign] Add Table, Collapse support to ObjectBox
2015-05-20 08:14:22 +02:00
.phui-object-box.phui-object-box-collapsed .phui-header-shell {
[Redesign] PHUIHeaderView goes to table layout Summary: Ref T8099. This changes makes flexible layouts easier, and aligns icons, buttons better vertically. Test Plan: Test various header locations, Phriction, Conpherence, Dashboards, Workboards etc. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12961
2015-05-22 17:22:25 +02:00
padding: 0 8px 12px 16px;
[Redesign] Add Table, Collapse support to ObjectBox
2015-05-20 08:14:22 +02:00
}
[Redesign] Mobile/Phone design pass Summary: Ref T8099, Quick descent pass at making header, object lists, tables, filter view, mobile friendly. Test Plan: Test home, differential diff, maniphest task, new task, search, and a few other views. {F414034} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12984
2015-05-23 02:52:51 +02:00
.device-phone .phui-object-box.phui-object-box-collapsed .phui-header-shell {
padding: 0 8px 8px;
}
Calendar upgrades Summary: Does a handful of things to make Calendar significantly more useful - Enabled overlapping events - Profile has a 'week view' of the user - Profile has a 'month view' of the users - Multiple users on a calendar are color coded - Browse view slightly more useful This stops short of implementing the new 'home' view on Calendar, mostly this is a big step though to make that happen next. Test Plan: Make lots of events on diffent users. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Maniphest Tasks: T2897, T4375 Differential Revision: https://secure.phabricator.com/D8317
2014-02-24 19:04:23 +01:00
div.phui-object-box.phui-object-box-flush {
Add objectheaders to new View Summary: This adds the 'PHUIObjectBox' to nearly every place that should get it. I need to comb through Diffusion a little more. I've left Differential mostly alone, but may decide to do it anyways this weekend. I'm sure I missed something else, but these are easy enough to update. Test Plan: tested each new layout. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7162
2013-09-29 00:55:38 +02:00
margin-top: 0;
}
Move PHUIErrorView to PHUIInfoView Summary: Since this element isn't strictly about errors, re-label as info view instead. Test Plan: Grepped for all callsites, tested UIExamples and a few other random pages. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: hach-que, Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11867
2015-03-01 23:45:56 +01:00
.phui-object-box .phui-header-shell + .phui-info-view {
[Redesign] Update PHUIInfoView style, color Summary: Tested various apps and fixed colors and spacing. Moved to shade standards for lighter feel. Test Plan: Legalpad, Maniphest, Differential, Form Errors, Broken Repository, anything I could find. {F396168} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12769
2015-05-08 18:38:46 +02:00
margin: 12px 0 0 0;
Add objectheaders to new View Summary: This adds the 'PHUIObjectBox' to nearly every place that should get it. I need to comb through Diffusion a little more. I've left Differential mostly alone, but may decide to do it anyways this weekend. I'm sure I missed something else, but these are easy enough to update. Test Plan: tested each new layout. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7162
2013-09-29 00:55:38 +02:00
}
[Redesign] Add Table, Collapse support to ObjectBox Summary: Converts most all tables to be directly set via `setTable` to an ObjectBox. I think this path is more flexible design wise, as we can change the box based on children, and not just CSS. We also already do this with PropertyList, Forms, ObjectList, and Header. `setCollapsed` is added to ObjectBox to all children objects to bleed to the edges (like diffs). Test Plan: I did a grep of `appendChild($table)` as well as searches for `PHUIObjectBoxView`, also with manual opening of hundreds of files. I'm sure I missed 5-8 places. If you just appendChild($table) nothing breaks, it just looks a little funny. Reviewers: epriestley, btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12955
2015-05-20 21:43:34 +02:00
.phui-object-box.phui-object-box-collapsed
.phui-header-shell + .phui-info-view {
margin: 0;
border-radius: 0;
border: 0;
border-bottom: 1px solid {$thinblueborder};
}
Misc CSS tweaks, timeline, mobile Summary: - Fixes line height when many long tasks are attached to a task. - Tightens up mobile layout of timeline and object box - Clean up aphront context bar Test Plan: Tested all the changes, made tasks, stared at pixels. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Maniphest Tasks: T3891 Differential Revision: https://secure.phabricator.com/D7169
2013-09-29 16:26:39 +02:00
.device-phone .phui-object-box {
[Redesign] Mobile/Phone design pass Summary: Ref T8099, Quick descent pass at making header, object lists, tables, filter view, mobile friendly. Test Plan: Test home, differential diff, maniphest task, new task, search, and a few other views. {F414034} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12984
2015-05-23 02:52:51 +02:00
margin: 8px;
padding: 8px 8px 4px 8px;
}
.device-phone .phui-object-box .phui-header-shell {
[Redesign] Minor mobile CSS updates Summary: Ref T8099, Lots of little mobile tweaks browsing around. Test Plan: Look everywhere, for things, and stuff. Then align it better. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13037
2015-05-27 18:49:54 +02:00
padding: 4px 0 12px 4px;
Misc CSS tweaks, timeline, mobile Summary: - Fixes line height when many long tasks are attached to a task. - Tightens up mobile layout of timeline and object box - Clean up aphront context bar Test Plan: Tested all the changes, made tasks, stared at pixels. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Maniphest Tasks: T3891 Differential Revision: https://secure.phabricator.com/D7169
2013-09-29 16:26:39 +02:00
}
Move ActionHeaders to PHUI, add ObjectBox Support, new Colors Summary: Moves PhabricatorActionHeaderView to PHUIActionHeaderView, adds Red, Green, and Violet colors and extend ObjectBox to take colors and action headers. Test Plan: Tested new Welcome layout as well as UIExamples, Workboards, and Hovercards {F169669} Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9707
2014-06-24 18:39:32 +02:00
[Redesign] Better icon spacing for PHUIObjectListItem Summary: Ref T8099, Improve hit area for new icon, tweaks grippable spacing and app icon spacing. Also Tablet layout updates Test Plan: Test Maniphest home, Pinning apps, Dashboards Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12986
2015-05-23 20:01:29 +02:00
.device-tablet .phui-object-box {
margin: 8px 8px 0 8px;
}
[Redesign] ObjectBoxView colors Summary: Removes setting colors on the headers and adds setting colors on an ObjectBoxView (which sets the headers). Ref T8099 Test Plan: Tested each color, fixed workboard colors, added color to important setup issues. {F410658} {F410659} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12942
2015-05-20 01:47:48 +02:00
/* - Object Box Colors ------------------------------------------------------ */
.phui-box-border.phui-object-box-green {
border: 1px solid {$green};
}
.phui-box-border.phui-object-box-green .phui-header-view {
color: {$green};
Move ActionHeaders to PHUI, add ObjectBox Support, new Colors Summary: Moves PhabricatorActionHeaderView to PHUIActionHeaderView, adds Red, Green, and Violet colors and extend ObjectBox to take colors and action headers. Test Plan: Tested new Welcome layout as well as UIExamples, Workboards, and Hovercards {F169669} Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9707
2014-06-24 18:39:32 +02:00
}
[Redesign] ObjectBoxView colors Summary: Removes setting colors on the headers and adds setting colors on an ObjectBoxView (which sets the headers). Ref T8099 Test Plan: Tested each color, fixed workboard colors, added color to important setup issues. {F410658} {F410659} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12942
2015-05-20 01:47:48 +02:00
.phui-box-border.phui-object-box-green .phui-header-shell {
border-bottom-color: {$lightgreen};
Move ActionHeaders to PHUI, add ObjectBox Support, new Colors Summary: Moves PhabricatorActionHeaderView to PHUIActionHeaderView, adds Red, Green, and Violet colors and extend ObjectBox to take colors and action headers. Test Plan: Tested new Welcome layout as well as UIExamples, Workboards, and Hovercards {F169669} Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9707
2014-06-24 18:39:32 +02:00
}
[Redesign] ObjectBoxView colors Summary: Removes setting colors on the headers and adds setting colors on an ObjectBoxView (which sets the headers). Ref T8099 Test Plan: Tested each color, fixed workboard colors, added color to important setup issues. {F410658} {F410659} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12942
2015-05-20 01:47:48 +02:00
.phui-box-border.phui-object-box-blue {
border: 1px solid {$blue};
Move ActionHeaders to PHUI, add ObjectBox Support, new Colors Summary: Moves PhabricatorActionHeaderView to PHUIActionHeaderView, adds Red, Green, and Violet colors and extend ObjectBox to take colors and action headers. Test Plan: Tested new Welcome layout as well as UIExamples, Workboards, and Hovercards {F169669} Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9707
2014-06-24 18:39:32 +02:00
}
[Redesign] ObjectBoxView colors Summary: Removes setting colors on the headers and adds setting colors on an ObjectBoxView (which sets the headers). Ref T8099 Test Plan: Tested each color, fixed workboard colors, added color to important setup issues. {F410658} {F410659} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12942
2015-05-20 01:47:48 +02:00
.phui-box-border.phui-object-box-blue .phui-header-view {
color: {$blue};
Move ActionHeaders to PHUI, add ObjectBox Support, new Colors Summary: Moves PhabricatorActionHeaderView to PHUIActionHeaderView, adds Red, Green, and Violet colors and extend ObjectBox to take colors and action headers. Test Plan: Tested new Welcome layout as well as UIExamples, Workboards, and Hovercards {F169669} Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9707
2014-06-24 18:39:32 +02:00
}
[Redesign] ObjectBoxView colors Summary: Removes setting colors on the headers and adds setting colors on an ObjectBoxView (which sets the headers). Ref T8099 Test Plan: Tested each color, fixed workboard colors, added color to important setup issues. {F410658} {F410659} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12942
2015-05-20 01:47:48 +02:00
.phui-box-border.phui-object-box-blue .phui-header-shell {
border-bottom-color: {$lightblue};
Move ActionHeaders to PHUI, add ObjectBox Support, new Colors Summary: Moves PhabricatorActionHeaderView to PHUIActionHeaderView, adds Red, Green, and Violet colors and extend ObjectBox to take colors and action headers. Test Plan: Tested new Welcome layout as well as UIExamples, Workboards, and Hovercards {F169669} Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9707
2014-06-24 18:39:32 +02:00
}
[Redesign] ObjectBoxView colors Summary: Removes setting colors on the headers and adds setting colors on an ObjectBoxView (which sets the headers). Ref T8099 Test Plan: Tested each color, fixed workboard colors, added color to important setup issues. {F410658} {F410659} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12942
2015-05-20 01:47:48 +02:00
.phui-box-border.phui-object-box-red {
border: 1px solid {$red};
Move ActionHeaders to PHUI, add ObjectBox Support, new Colors Summary: Moves PhabricatorActionHeaderView to PHUIActionHeaderView, adds Red, Green, and Violet colors and extend ObjectBox to take colors and action headers. Test Plan: Tested new Welcome layout as well as UIExamples, Workboards, and Hovercards {F169669} Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9707
2014-06-24 18:39:32 +02:00
}
[Redesign] ObjectBoxView colors Summary: Removes setting colors on the headers and adds setting colors on an ObjectBoxView (which sets the headers). Ref T8099 Test Plan: Tested each color, fixed workboard colors, added color to important setup issues. {F410658} {F410659} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12942
2015-05-20 01:47:48 +02:00
.phui-box-border.phui-object-box-red .phui-header-view {
color: {$red};
Move ActionHeaders to PHUI, add ObjectBox Support, new Colors Summary: Moves PhabricatorActionHeaderView to PHUIActionHeaderView, adds Red, Green, and Violet colors and extend ObjectBox to take colors and action headers. Test Plan: Tested new Welcome layout as well as UIExamples, Workboards, and Hovercards {F169669} Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9707
2014-06-24 18:39:32 +02:00
}
[Redesign] ObjectBoxView colors Summary: Removes setting colors on the headers and adds setting colors on an ObjectBoxView (which sets the headers). Ref T8099 Test Plan: Tested each color, fixed workboard colors, added color to important setup issues. {F410658} {F410659} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12942
2015-05-20 01:47:48 +02:00
.phui-box-border.phui-object-box-red .phui-header-shell {
border-bottom-color: {$lightred};
Move ActionHeaders to PHUI, add ObjectBox Support, new Colors Summary: Moves PhabricatorActionHeaderView to PHUIActionHeaderView, adds Red, Green, and Violet colors and extend ObjectBox to take colors and action headers. Test Plan: Tested new Welcome layout as well as UIExamples, Workboards, and Hovercards {F169669} Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9707
2014-06-24 18:39:32 +02:00
}
[Redesign] Convert Dashboard Panels to ObjectBox Summary: Moves Dashboard Panels to use PHUIObjectBoxView and PHUIHeaderView Test Plan: Tested the most common dashboards, Differential, Maniphest, Projects, Feed, Audit. Some edge cases (Legalpad, Macro) still are in progress. Tested laying out a new Dashboard, removing panels, moving panels. {F406170} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12873
2015-05-17 16:05:14 +02:00
[Redesign] Add Show/Hide functions to PHUIObjectBoxView Summary: Ref T8099, adds 'show/hide' functions to PHUIObjectBoxView, rolls them out in Application Search for trial. Test Plan: Test doing a couple searches in Projects, Audit, etc. Seems to work ok. Design might need more? {F437207} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13027
2015-05-27 02:35:18 +02:00
.phui-object-box-hidden-content {
background: {$lightgreybackground};
border-bottom: 1px solid {$thinblueborder};
margin-bottom: 4px;
}
[Redesign] Convert Dashboard Panels to ObjectBox Summary: Moves Dashboard Panels to use PHUIObjectBoxView and PHUIHeaderView Test Plan: Tested the most common dashboards, Differential, Maniphest, Projects, Feed, Audit. Some edge cases (Legalpad, Macro) still are in progress. Tested laying out a new Dashboard, removing panels, moving panels. {F406170} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12873
2015-05-17 16:05:14 +02:00
/* - Double Object Box Override --------------------------------------------- */
.phui-object-box .phui-object-box {
padding: 0;
}
.phui-object-box .phui-box-border {
border-width: 0;
padding: 0;
margin: 0;
}
.phui-object-box .phui-object-box .phui-header-shell h1 {
[Redesign] Remove PHUIActionHeaderView Summary: This adds minor functionality to PHUIHeaderView (icons, tags) that were previously on in ActionHeader. This allows us to remove the PHUIActionHeaderView outright in favor of just one Header class. Test Plan: Tested each callsite, workboards, hovercards, conpherence. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12902
2015-05-18 19:00:15 +02:00
padding: 8px 4px;
[Redesign] Convert Dashboard Panels to ObjectBox Summary: Moves Dashboard Panels to use PHUIObjectBoxView and PHUIHeaderView Test Plan: Tested the most common dashboards, Differential, Maniphest, Projects, Feed, Audit. Some edge cases (Legalpad, Macro) still are in progress. Tested laying out a new Dashboard, removing panels, moving panels. {F406170} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12873
2015-05-17 16:05:14 +02:00
font-size: 13px;
margin: 0;
color: {$bluetext};
font-weight: 500;
}
.phui-object-box .phui-object-box .phui-header-shell {
margin: 0;
padding: 0;
}
.phui-box-border + .phui-box-border {
border-top: 1px solid {$thinblueborder};
}
Copy permalink