revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-25 23:10:57 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/application/feed/feed.css

89 lines
1.6 KiB
CSS
Raw Normal View History

Improve feed stories with "style", and build basic status update stories. Summary: Straightfoward iteration on feed. Test Plan: https://secure.phabricator.com/file/view/PHID-FILE-d07077119dc834e76618/ Reviewed By: codeblock Reviewers: jungejason, aran, tuomaspelkonen, codeblock CC: aran, codeblock, epriestley Differential Revision: 631
2011-07-09 22:28:09 +02:00
/**
* @provides phabricator-feed-css
*/
Minor style/layout tweaks to Project profiles and feed Summary: Just trying to improve the design/layout a little here. Test Plan: https://secure.phabricator.com/file/view/PHID-FILE-xglufh3wxy34evec4o4u/ Reviewers: btrahan, jungejason Reviewed By: jungejason CC: aran, jungejason Differential Revision: https://secure.phabricator.com/D1265
2011-12-22 17:22:07 +01:00
.phabricator-feed-frame {
Update feed on projects, profile. Summary: Does a few things, standardizes feed a bit more on people, projects. Cleans up Project pages to be more dashboard like. Adds usable mobile support. Remove extenal public feed styles. The Project pages won't win any design awards, but they are much more usable and responsive (mobile). I assume the default view to be workboard still at some point. Test Plan: Test out Profile, Project Profile, Public Feed, normal Feed. Mobile and Chrome. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5700
2013-04-15 22:07:54 +02:00
margin: 20px 10px;
}
.phabricator-public-feed-frame {
Mobile feed css Summary: Makes the width fluid under mobile devices. Test Plan: Test in small Chrome and iOS. Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5556
2013-04-03 19:18:09 +02:00
margin: 10px;
Update feed on projects, profile. Summary: Does a few things, standardizes feed a bit more on people, projects. Cleans up Project pages to be more dashboard like. Adds usable mobile support. Remove extenal public feed styles. The Project pages won't win any design awards, but they are much more usable and responsive (mobile). I assume the default view to be workboard still at some point. Test Plan: Test out Profile, Project Profile, Public Feed, normal Feed. Mobile and Chrome. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5700
2013-04-15 22:07:54 +02:00
max-width: 600px;
Set `overflow-x: auto` Summary: Stops funny overflow on long text with no breaking characters Test Plan: View the public feed Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin, chad Differential Revision: https://secure.phabricator.com/D5916
2013-05-13 18:14:40 +02:00
overflow-x: auto;
Mobile feed css Summary: Makes the width fluid under mobile devices. Test Plan: Test in small Chrome and iOS. Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5556
2013-04-03 19:18:09 +02:00
}
.device-desktop .phabricator-feed-frame {
Update feed on projects, profile. Summary: Does a few things, standardizes feed a bit more on people, projects. Cleans up Project pages to be more dashboard like. Adds usable mobile support. Remove extenal public feed styles. The Project pages won't win any design awards, but they are much more usable and responsive (mobile). I assume the default view to be workboard still at some point. Test Plan: Test out Profile, Project Profile, Public Feed, normal Feed. Mobile and Chrome. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5700
2013-04-15 22:07:54 +02:00
max-width: 600px;
Fix feed widths Summary: Use standard 16px Test Plan: reload feed, now aligns with search Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8038
2014-01-22 19:04:13 +01:00
margin: 16px;
}
Minor style/layout tweaks to Project profiles and feed Summary: Just trying to improve the design/layout a little here. Test Plan: https://secure.phabricator.com/file/view/PHID-FILE-xglufh3wxy34evec4o4u/ Reviewers: btrahan, jungejason Reviewed By: jungejason CC: aran, jungejason Differential Revision: https://secure.phabricator.com/D1265
2011-12-22 17:22:07 +01:00
.phabricator-feed-story-date-separator {
Fix feed widths Summary: Use standard 16px Test Plan: reload feed, now aligns with search Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8038
2014-01-22 19:04:13 +01:00
margin-top: 16px;
Minor style/layout tweaks to Project profiles and feed Summary: Just trying to improve the design/layout a little here. Test Plan: https://secure.phabricator.com/file/view/PHID-FILE-xglufh3wxy34evec4o4u/ Reviewers: btrahan, jungejason Reviewed By: jungejason CC: aran, jungejason Differential Revision: https://secure.phabricator.com/D1265
2011-12-22 17:22:07 +01:00
}
Add a "feed" filter to the home page; align things; allow browsing older stories Summary: Pretty straightforward; see title. Kind of gross but I have a bunch more iterations in mind here (like filtering). Paging this is a little tricky since we can't easily use AphrontPagerView, as it relies on OFFSET, and I think that's sort of sketchy to use here for UX reasons (query performance and view consistency as feed updates). Test Plan: Looked at feed, paged through feed. Reviewers: btrahan Reviewed By: btrahan CC: aran, epriestley Differential Revision: https://secure.phabricator.com/D1616
2012-02-16 02:48:14 +01:00
.phabricator-feed-newer-link {
float: left;
font-weight: bold;
}
.phabricator-feed-older-link {
float: right;
font-weight: bold;
}
Update feed on projects, profile. Summary: Does a few things, standardizes feed a bit more on people, projects. Cleans up Project pages to be more dashboard like. Adds usable mobile support. Remove extenal public feed styles. The Project pages won't win any design awards, but they are much more usable and responsive (mobile). I assume the default view to be workboard still at some point. Test Plan: Test out Profile, Project Profile, Public Feed, normal Feed. Mobile and Chrome. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5700
2013-04-15 22:07:54 +02:00
.phabricator-public-feed-frame .phui-feed-story-foot {
background: none;
}
.phabricator-public-feed-frame .phui-feed-story {
box-shadow: none;
}
.phabricator-public-feed-frame .phui-feed-wrap {
border: none;
}
Dashboard View for Feed Summary: A basic rendering of feed in dashboards Test Plan: built a feed in dashboards, viewed it as my homepage. {F157119} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9209
2014-05-20 17:05:03 +02:00
Style text boxes and tab panels in dashboards Summary: Adds basic borders, spacing to tab panels and text boxes. Test Plan: Added some of each to my Dashboard. {F157622} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T5078 Differential Revision: https://secure.phabricator.com/D9216
2014-05-20 19:53:16 +02:00
/* - Dashboards ------------------------------------------------------------ */
Dashboard View for Feed Summary: A basic rendering of feed in dashboards Test Plan: built a feed in dashboards, viewed it as my homepage. {F157119} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9209
2014-05-20 17:05:03 +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
.dashboard-pane div.phabricator-feed-frame {
Dashboard View for Feed Summary: A basic rendering of feed in dashboards Test Plan: built a feed in dashboards, viewed it as my homepage. {F157119} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9209
2014-05-20 17:05:03 +02:00
margin: 0;
Cleanup Feed on Dashboards Summary: Minor style updates, makes full width feed work. Test Plan: test full, 1/2, 1/3 feed in dashboards. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9241
2014-05-21 20:37:36 +02:00
max-width: none;
Dashboard View for Feed Summary: A basic rendering of feed in dashboards Test Plan: built a feed in dashboards, viewed it as my homepage. {F157119} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9209
2014-05-20 17:05:03 +02:00
}
[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
.dashboard-pane .phabricator-feed-frame .phui-header-shell {
padding: 0;
Dashboard View for Feed Summary: A basic rendering of feed in dashboards Test Plan: built a feed in dashboards, viewed it as my homepage. {F157119} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9209
2014-05-20 17:05:03 +02:00
}
[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
.dashboard-pane .phabricator-feed-frame .phui-header-view {
Dashboard View for Feed Summary: A basic rendering of feed in dashboards Test Plan: built a feed in dashboards, viewed it as my homepage. {F157119} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9209
2014-05-20 17:05:03 +02:00
font-size: 13px;
[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
margin-left: 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
padding: 8px 0;
Dashboard View for Feed Summary: A basic rendering of feed in dashboards Test Plan: built a feed in dashboards, viewed it as my homepage. {F157119} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9209
2014-05-20 17:05:03 +02:00
margin-bottom: 0;
Cleanup Feed on Dashboards Summary: Minor style updates, makes full width feed work. Test Plan: test full, 1/2, 1/3 feed in dashboards. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9241
2014-05-21 20:37:36 +02:00
color: {$bluetext};
[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
font-weight: 500;
Dashboard View for Feed Summary: A basic rendering of feed in dashboards Test Plan: built a feed in dashboards, viewed it as my homepage. {F157119} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9209
2014-05-20 17:05:03 +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
.dashboard-pane .phabricator-feed-frame .phui-feed-story {
Dashboard View for Feed Summary: A basic rendering of feed in dashboards Test Plan: built a feed in dashboards, viewed it as my homepage. {F157119} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9209
2014-05-20 17:05:03 +02:00
border: none;
border-bottom: 1px solid {$thinblueborder};
[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
margin: 0;
Cleanup Feed on Dashboards Summary: Minor style updates, makes full width feed work. Test Plan: test full, 1/2, 1/3 feed in dashboards. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9241
2014-05-21 20:37:36 +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
.dashboard-pane .phabricator-feed-frame .phui-feed-story-head {
[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: 12px 4px;
Cleanup Feed on Dashboards Summary: Minor style updates, makes full width feed work. Test Plan: test full, 1/2, 1/3 feed in dashboards. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9241
2014-05-21 20:37:36 +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
.dashboard-pane .phabricator-feed-frame .phui-feed-story-body {
[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
margin: 12px 4px;
Dashboard View for Feed Summary: A basic rendering of feed in dashboards Test Plan: built a feed in dashboards, viewed it as my homepage. {F157119} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9209
2014-05-20 17:05:03 +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
.dashboard-pane .phabricator-feed-frame .phui-feed-story-foot {
Dashboard View for Feed Summary: A basic rendering of feed in dashboards Test Plan: built a feed in dashboards, viewed it as my homepage. {F157119} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9209
2014-05-20 17:05:03 +02:00
background: #fff;
[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: 12px 4px;
Dashboard View for Feed Summary: A basic rendering of feed in dashboards Test Plan: built a feed in dashboards, viewed it as my homepage. {F157119} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9209
2014-05-20 17:05:03 +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
.dashboard-pane .phabricator-feed-frame
Minor fixes for CSS linter issues Summary: Fixes a few line length linter issues with CSS resources. Test Plan: `arc lint` Reviewers: #blessed_reviewers, epriestley, chad Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11060
2014-12-30 11:48:26 +01:00
.phabricator-feed-story-date-separator {
Dashboard View for Feed Summary: A basic rendering of feed in dashboards Test Plan: built a feed in dashboards, viewed it as my homepage. {F157119} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9209
2014-05-20 17:05:03 +02:00
margin-top: 0;
}
Copy permalink