mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-23 14:00:56 +01:00
bfe73f585f
Summary: If you name an attached file something like "derpderpderpderpderdperdperpereprederpderplolololololo.png", the display overflows. Crop and shorten it so that it looks decent. Show the full name as the image title. Test Plan: Named a file "derpderpderpderpderdperdperpereprederpderplolololololo.png" and got a sensible display out of it. Reviewed By: tuomaspelkonen Reviewers: tuomaspelkonen, jungejason, aran CC: aran, tuomaspelkonen Differential Revision: 389
43 lines
717 B
CSS
43 lines
717 B
CSS
/**
|
|
* @provides aphront-attached-file-view-css
|
|
*/
|
|
|
|
.aphront-attached-file-view {
|
|
border: 1px solid #aaaaaa;
|
|
background: #f9f9f9;
|
|
width: 100%;
|
|
margin: 4px 0;
|
|
}
|
|
|
|
.aphront-attached-file-view td,
|
|
.aphront-attached-file-view th {
|
|
padding: 4px;
|
|
}
|
|
|
|
.aphront-attached-file-view th {
|
|
width: 100%;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.aphront-attached-file-view-remove {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.aphront-file-preview-view {
|
|
float: left;
|
|
margin: 4px 4px 12px;
|
|
text-align: center;
|
|
font-size: 11px;
|
|
color: #333333;
|
|
overflow: hidden;
|
|
width: 166px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.aphront-file-preview-thumb {
|
|
padding: 2px;
|
|
border: 1px solid #000000;
|
|
background: #ffffff;
|
|
margin-bottom: 2px;
|
|
width: 160px;
|
|
}
|