1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-30 10:42:41 +01:00
phorge-phorge/webroot/rsrc/css/application/ponder/comments.css
Chad Little 092020a7a6 Improve Ponder on Mobile
Summary: Ponder was pretty unusable on mobile, I fixed most of the issues and ran some pht's as well.

Test Plan: Use Ponder //shudder//

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D5977
2013-05-20 07:55:23 -07:00

74 lines
1 KiB
CSS

/**
* @provides ponder-comment-table-css
*/
.ponder-comments {
width: 480px;
margin: 5px 0 0 60px;
}
.device .ponder-comments {
width: 100%;
margin: 5px 0 0 0;
}
.ponder-comments th {
width: 0px;
height: 0px;
}
.ponder-comments td {
vertical-align: top;
padding: 6px;
border-bottom: 1px solid #e7e7e7;
background: #fff;
}
.ponder-datestamp {
font-size: 11px;
color: #777;
}
.ponder-label {
display: block;
width: 100%;
font-weight: bold;
color: #333;
text-align: left;
margin: 0px 0px 6px;
padding: 6px 4px;
background: #ccc;
border-bottom: 1px solid #aaa;
cursor: pointer;
}
td .aphront-form-control {
padding: 0;
}
td .aphront-form-control-submit {
display: block;
}
td .aphront-form-input {
margin: 0;
width: 100%;
}
td .aphront-form-control textarea {
height: 50px;
}
.ponder-comment-markup p {
margin: 0 0 5px 0;
}
.ponder-comment-markup h2,
.ponder-comment-markup h3,
.ponder-comment-markup h4,
.ponder-comment-markup h5 {
margin: 0;
font-size: inherit;
font-weight: normal;
}