1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-09-20 17:28:51 +02:00
phorge-phorge/webroot/rsrc/css/application/feed/feed.css
Chad Little 6e9753c66c 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 08:05:03 -07:00

87 lines
1.6 KiB
CSS

/**
* @provides phabricator-feed-css
*/
.phabricator-feed-frame {
margin: 20px 10px;
}
.phabricator-public-feed-frame {
margin: 10px;
max-width: 600px;
overflow-x: auto;
}
.phabricator-feed-frame .phabricator-action-header-title {
font-size: 16px;
margin-bottom: 5px;
}
.device-desktop .phabricator-feed-frame {
max-width: 600px;
margin: 16px;
}
.phabricator-feed-frame .phabricator-action-header {
padding: 0;
}
.phabricator-feed-story-date-separator {
margin-top: 16px;
}
.phabricator-feed-newer-link {
float: left;
font-weight: bold;
}
.phabricator-feed-older-link {
float: right;
font-weight: bold;
}
.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;
}
/** Dashboards **/
.dashboard-panel .phabricator-feed-frame {
background: #fff;
margin: 0;
border-left: 1px solid {$lightgreyborder};
border-right: 1px solid {$lightgreyborder};
border-bottom: 1px solid {$greyborder};
}
.dashboard-panel .phabricator-feed-frame .phabricator-action-header {
background: #f7f7f7;
}
.dashboard-panel .phabricator-feed-frame .phabricator-action-header-title {
font-size: 13px;
margin-left: 8px;
margin-bottom: 0;
}
.dashboard-panel .phabricator-feed-frame .phui-feed-story {
border: none;
border-bottom: 1px solid {$thinblueborder};
margin-bottom: 0;
}
.dashboard-panel .phabricator-feed-frame .phui-feed-story-foot {
background: #fff;
}
.dashboard-panel .phabricator-feed-frame .phabricator-feed-story-date-separator {
margin-top: 0;
}