Add attachment limit size information on avatar and attachments

stable
Xavier Julián 2014-10-27 09:59:39 +01:00 committed by David Barragán Merino
parent 60317f7d20
commit cd31fc239f
4 changed files with 15 additions and 6 deletions

View File

@ -159,8 +159,9 @@ AttachmentsDirective = ($confirm) ->
<span class="attachments-num" tg-bind-html="ctrl.attachmentsCount"></span> <span class="attachments-num" tg-bind-html="ctrl.attachmentsCount"></span>
<span class="attachments-text">attachments</span> <span class="attachments-text">attachments</span>
</h3> </h3>
<div tg-check-permission="modify_<%- type %>" title="Add new attachment" class="add-attach"> <div tg-check-permission="modify_<%- type %>" title="Add new attachment. Maximum upload size is 700Kb" class="add-attach">
<label for="add-attach" class="icon icon-plus related-tasks-buttons"></label> <label for="add-attach" class="icon icon-plus related-tasks-buttons"></label>
<span class="hidden">[Max. size: 700Kb]</span>
<input id="add-attach" type="file" multiple="multiple"/> <input id="add-attach" type="file" multiple="multiple"/>
</div> </div>
</div> </div>

View File

@ -24,9 +24,9 @@ block content
span.icon.icon-spinner span.icon.icon-spinner
input(type="file", id="avatar-field", class="hidden", input(type="file", id="avatar-field", class="hidden",
tg-avatar-model="avatarAttachment") tg-avatar-model="avatarAttachment")
p The image will be cropped to 80x80px.<br>
p The image will be cropped to 80x80 size. span.hidden Maximum upload size is 700Kb
a.button.button-green.change Change a.button.button-green.change(title="Maximum upload size is 700Kb") Change
a.use-gravatar Use gravatar image a.use-gravatar Use gravatar image
div.data div.data

View File

@ -169,4 +169,8 @@
input { input {
display: none; display: none;
} }
span {
@extend %small;
color: $gray-light;
}
} }

View File

@ -36,9 +36,13 @@
} }
p { p {
@extend %xsmall; @extend %xsmall;
margin-bottom: 0; line-height: .8rem;
margin-bottom: .3rem;
text-align: center; text-align: center;
} }
span {
@extend %bold;
}
.use-gravatar { .use-gravatar {
@extend %small; @extend %small;
cursor: pointer; cursor: pointer;