1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-27 09:12:41 +01:00
phorge-phorge/webroot/rsrc/css/application/chatlog/chatlog.css
Chad Little bcbdb44e2f Fix long URLs on mobile chatlog
Summary: Really long words or URLs from IRC break mobile layout, so this breaks the word if it hits the edge of the screen.

Test Plan: Duderpooooooooooooooooooooooooooooooooooooooooo

Reviewers: epriestley, btrahan

Reviewed By: btrahan

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D5703
2013-04-15 15:54:15 -07:00

84 lines
1.4 KiB
CSS

/**
* @provides phabricator-chatlog-css
*/
.phabricator-chat-log-wrap {
padding: 0 20px;
}
.device-phone .phabricator-chat-log-wrap {
padding: 0;
}
.phabricator-chat-log-panel {
margin: 20px auto;
border-left: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c5d1;
}
.phabricator-chat-log {
width: 100%;
border: 1px solid #e7e7e7;
box-shadow: 0 1px 1px rgba(0,0,0,.2);
}
.phabricator-chat-log td {
padding: 8px;
line-height: 18px;
}
.phabricator-chat-log tr {
background: #fafafa;
}
.phabricator-chat-log tr td.author {
background: #e7e7ee;
}
.phabricator-chat-log tr.alternate {
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
.phabricator-chat-log tr.alternate td.author {
background: #dfdfe6;
}
.phabricator-chat-log tr.highlight td {
background: #ffff88;
}
.phabricator-chat-log tr.highlight td.author {
background: #eeee88;
}
.phabricator-chat-log td.timestamp {
white-space: nowrap;
text-align: right;
width: 12em;
}
.phabricator-chat-log td.message .timestamp {
color: #a1a5a9;
font-size: 11px;
float: right;
margin-left: 5px;
}
.phabricator-chat-log td.author {
white-space: nowrap;
text-align: right;
font-weight: bold;
width: 140px;
color: #555555;
}
.device-phone .phabricator-chat-log td.author {
width: 80px;
}
.phabricator-chat-log td.message {
white-space: pre-wrap;
word-break: break-word;
}