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

101 lines
1.9 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
}
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
.phabricator-feed-frame .phui-action-header-title {
Refresh Feed Design Summary: Refreshes feed's design a bit, adds app icons, works nicer on mobile. Test Plan: Tested many feed stories, not sure I got them all, but seems fine. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5673
2013-04-13 18:09:42 +02:00
font-size: 16px;
margin-bottom: 5px;
}
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;
}
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
.phabricator-feed-frame .phui-action-header {
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
padding: 0;
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
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
.dashboard-panel 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
background: #fff;
margin: 0;
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
border-left: 1px solid {$lightblueborder};
border-right: 1px solid {$lightblueborder};
border-bottom: 1px solid {$blueborder};
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
}
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
.dashboard-panel .phabricator-feed-frame .phui-action-header {
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: #f7f7f7;
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
margin-top: -1px;
border-top: 1px solid {$thinblueborder};
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
}
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
.dashboard-panel .phabricator-feed-frame .phui-action-header-title {
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;
I was wrong Summary: You were right Test Plan: mmm, blue {F167137} Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9567
2014-06-16 16:08:10 +02:00
margin-left: 12px;
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};
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
}
.dashboard-panel .phabricator-feed-frame .phui-feed-story {
border: none;
border-bottom: 1px solid {$thinblueborder};
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
margin: 0 8px;
}
.dashboard-panel .phabricator-feed-frame .phui-feed-story-head {
padding: 8px 0;
}
.dashboard-panel .phabricator-feed-frame .phui-feed-story-body {
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
}
.dashboard-panel .phabricator-feed-frame .phui-feed-story-foot {
background: #fff;
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
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
}
.dashboard-panel .phabricator-feed-frame .phabricator-feed-story-date-separator {
margin-top: 0;
}
Copy permalink