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/ponder/ponder-view.css
Chad Little 5317f77f30 Fix some quirkiness with Answer comments in Ponder
Summary: There is still some general buginess with answer comments, trying to work them out. This replaces timeline rendering into one offs (less performant) but resolves many bugs. Or if there is a more performant way, let me know? Also when leaving an answer comment, you currently get redirected back to the page, but both the comment form is still populated and you dont see your answer without a reload. I feel like I'm missing some magical parameter to pass, so just redirecting back to the question itself.

Test Plan: Leave lots of answer comments.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D13946
2015-08-20 11:23:30 -07:00

83 lines
1.6 KiB
CSS

/**
* @provides ponder-view-css
*/
.ponder-show-comments {
text-align: center;
padding: 8px;
margin: 0 16px;
float: right;
font-weight: bold;
background: #fff;
border-bottom: 1px solid {$blueborder};
border-left: 1px solid {$lightblueborder};
border-right: 1px solid {$lightblueborder};
}
.ponder-question-view .phui-property-list-properties-wrap {
width: 66%;
}
.ponder-question-view .phui-property-list-actions {
width: 30%;
}
.ponder-answer-view {
margin-top: 16px;
}
.device-desktop .ponder-answer-view .phui-timeline-view {
margin-left: 32px;
}
.ponder-answer-view .phui-header-subheader {
display: inline;
margin-left: 12px;
}
.ponder-answer-view .phui-header-shell {
padding-bottom: 8px;
}
.ponder-answer-view .phui-header-view .phui-header-header {
font-size: 16px;
}
.ponder-answer-view .phui-header-col1 {
width: 45px;
}
.ponder-answer-view .phui-header-image {
height: 35px;
width: 35px;
border-radius: 3px;
}
.ponder-footer-view {
margin: 0 4px -4px;
text-align: right;
}
.ponder-footer-view .ponder-footer-action {
padding: 4px 8px;
margin-left: 8px;
color: {$bluetext};
display: inline-block;
background-color: rgba(71, 87, 120, 0.06);
font-size: {$smallerfontsize};
}
.ponder-footer-view .ponder-footer-action.ponder-footer-action-helpful {
background-color: {$lightyellow};
}
.ponder-footer-view .ponder-footer-action .phui-icon-view {
color: {$bluetext};
font-size: {$smallerfontsize};
}
.ponder-footer-view a:hover {
text-decoration: none;
color: {$darkbluetext};
background-color: rgba(71, 87, 120, 0.10);
}