6229b7bd88
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
78 lines
1.3 KiB
CSS
78 lines
1.3 KiB
CSS
/**
|
|
* @provides phabricator-feed-css
|
|
*/
|
|
|
|
.phabricator-feed-frame {
|
|
margin: 10px;
|
|
}
|
|
|
|
.phabricator-feed-frame .phabricator-action-header-title {
|
|
font-size: 16px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.device-desktop .phabricator-feed-frame {
|
|
width: 600px;
|
|
margin: 20px auto;
|
|
}
|
|
|
|
.phabricator-feed-wrap {
|
|
border-left: 1px solid #e7e7e7;
|
|
border-right: 1px solid #e7e7e7;
|
|
border-bottom: 1px solid #c0c5d1;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.phabricator-feed-story {
|
|
background: 5px 2px no-repeat;
|
|
min-height: 50px;
|
|
background-color: #fff;
|
|
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.phabricator-feed-story-head .phabricator-action-icon-item-link {
|
|
width: 35px;
|
|
height: 35px;
|
|
background-size: 35px;
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.phabricator-feed-story-head {
|
|
padding: 10px;
|
|
overflow: hidden;
|
|
color: #333;
|
|
}
|
|
|
|
.phabricator-feed-story-body {
|
|
padding: 0 10px 10px;
|
|
color: #444444;
|
|
}
|
|
|
|
.phabricator-feed-story-foot {
|
|
color: #777;
|
|
font-size: 11px;
|
|
background: #f7f7f7;
|
|
padding: 10px;
|
|
}
|
|
|
|
.phabricator-feed-story-foot .phabricator-action-icon-item-link {
|
|
float: left;
|
|
display: inline-block;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.phabricator-feed-story-date-separator {
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.phabricator-feed-newer-link {
|
|
float: left;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.phabricator-feed-older-link {
|
|
float: right;
|
|
font-weight: bold;
|
|
}
|