Add attachment limit size information on avatar and attachments
parent
60317f7d20
commit
cd31fc239f
|
@ -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>
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -169,4 +169,8 @@
|
||||||
input {
|
input {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
span {
|
||||||
|
@extend %small;
|
||||||
|
color: $gray-light;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue