mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-23 05:50:55 +01:00
69b0ac724a
Summary: Fixes T4057. This sort of sidesteps the trickiest (but very rare) case of things like embedded slowvotes. We might be able to refine that later. In the common bad case (macros, large images) it gets reasonable results by using `overflow: hidden` with `max-height`. We use `PhabriatorMarkupEngine::summarize()` to try to just render the first paragraph. Test Plan: {F195093} Reviewers: chad, btrahan Reviewed By: btrahan Subscribers: epriestley Maniphest Tasks: T4057 Differential Revision: https://secure.phabricator.com/D10355
113 lines
1.9 KiB
CSS
113 lines
1.9 KiB
CSS
/**
|
|
* @provides phui-feed-story-css
|
|
*/
|
|
|
|
.phui-feed-story {
|
|
background: 5px 2px no-repeat;
|
|
min-height: 44px;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.phui-feed-story-head .phui-feed-story-actor-image {
|
|
width: 35px;
|
|
height: 35px;
|
|
background-size: 35px;
|
|
float: left;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.phui-feed-story-head {
|
|
padding: 8px;
|
|
overflow: hidden;
|
|
color: {$greytext};
|
|
}
|
|
|
|
.phui-feed-story-head .phui-link-person {
|
|
color: {$darkgreytext};
|
|
font-weight: bold;
|
|
}
|
|
|
|
.phui-feed-story-body {
|
|
margin: 0 8px 8px;
|
|
color: {$darkgreytext};
|
|
word-break: break-word;
|
|
max-height: 300px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.phui-feed-story-foot {
|
|
font-size: 11px;
|
|
background: {$lightgreybackground};
|
|
padding: 8px;
|
|
line-height: 14px;
|
|
}
|
|
|
|
.phui-feed-story-foot,
|
|
.phui-feed-story-foot a {
|
|
color: {$greytext};
|
|
}
|
|
|
|
.phui-feed-story-foot .phui-icon-view,
|
|
.phui-feed-story-oneline-foot .phui-icon-view {
|
|
float: left;
|
|
display: inline-block;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.phui-feed-story-bigtext-post {
|
|
line-height: 18px;
|
|
color: {$darkgreytext};
|
|
}
|
|
|
|
.phui-feed-story-bigtext-post h3 {
|
|
font-size: 18px;
|
|
font-weight: 200;
|
|
line-height: 18px;
|
|
color: {$darkgreytext};
|
|
margin: 0 0 5px 0;
|
|
}
|
|
|
|
.phui-feed-token-bar {
|
|
margin-top: 8px;
|
|
border-top: 1px solid #e7e7e7;
|
|
padding-top: 8px;
|
|
}
|
|
|
|
.phui-feed-token-bar .phui-icon-view {
|
|
margin-right: 2px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.phui-feed-story-action-list {
|
|
float: right;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
.phui-feed-story-action-item {
|
|
float: right;
|
|
padding-left: 2px;
|
|
height: 18px;
|
|
width: 18px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.phui-feed-story-action-list .phui-icon-view {
|
|
display: block;
|
|
}
|
|
|
|
.phui-feed-story-oneline .phui-feed-story-head {
|
|
padding: 8px;
|
|
}
|
|
|
|
.phui-feed-story-oneline .phui-feed-story-body {
|
|
padding: 0;
|
|
}
|
|
|
|
.phui-feed-story-oneline-foot,
|
|
.phui-feed-story-oneline-foot a {
|
|
font-size: 11px;
|
|
color: {$lightgreytext};
|
|
margin-top: 2px;
|
|
line-height: 14px;
|
|
font-weight: normal;
|
|
}
|