Restyle for attachments
Xavier Julián
parent
dfe4b81d5c
commit
798457b7d9
|
|
@ -154,16 +154,23 @@ module.directive("tgAttachments", ["$tgRepo", "$tgResources", AttachmentsDirecti
|
|||
AttachmentDirective = ($log, $repo, $confirm) ->
|
||||
singleAttachment = _.template("""
|
||||
<div class="attachment-name">
|
||||
<span class="icon.icon-document"></span>
|
||||
<a href="<%- url %>" title="<%- name %>" target="_blank"><%- name %></a>
|
||||
<a href="<%- url %>" title="<%- name %>" target="_blank">
|
||||
<span class="icon icon-documents"></span>
|
||||
<span><%- name %><span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="attachment-comment">
|
||||
<span class="attachment-size">(<%- size %>)</span>
|
||||
<div class="attachment-size">
|
||||
<span class="attachment-size"><%- size %></span>
|
||||
</div>
|
||||
<div class="attachment-comments">
|
||||
<span class="deprecated-file hidden">(deprecated)</span>
|
||||
<span><%- description %></span>
|
||||
</div>
|
||||
<a class="settings icon icon-edit" href="" title="Edit"></a>
|
||||
<a class="settings icon icon-delete" href="" title="Delete"></a>
|
||||
<a class="settings icon icon-drag-v" href="" title=""Drag"></a>
|
||||
<div class="attachment-settings">
|
||||
<a class="settings icon icon-edit" href="" title="Edit"></a>
|
||||
<a class="settings icon icon-delete" href="" title="Delete"></a>
|
||||
<a class="settings icon icon-drag-v" href="" title=""Drag"></a>
|
||||
</div>
|
||||
""") #TODO: i18n
|
||||
|
||||
singleAttachmentEditable = _.template("""
|
||||
|
|
@ -171,8 +178,10 @@ AttachmentDirective = ($log, $repo, $confirm) ->
|
|||
<span class="icon.icon-document"></span>
|
||||
<a href="<%- url %>" title="<%- name %>" target="_blank"><%- name %></a>
|
||||
</div>
|
||||
<div class="attachment-size">
|
||||
<span class="attachment-size"><%- size %></span>
|
||||
</div>
|
||||
<div class="editable editable-attachment-comment">
|
||||
<span class="attachment-size">(<%- size %>)</span>
|
||||
<input type="text" name="description"
|
||||
value="<%- description %>""
|
||||
placeholder="Type a short description" />
|
||||
|
|
@ -182,8 +191,10 @@ AttachmentDirective = ($log, $repo, $confirm) ->
|
|||
<% if (isDeprecated){ %>checked<% } %> />
|
||||
<label for="attach-<%- id %>-is-deprecated">Deprecated?</label>
|
||||
</div>
|
||||
<a class="editable icon icon-floppy" href="" title="Save"></a>
|
||||
<a class="editable icon icon-delete" href="" title="Cancel"></a>
|
||||
<div class="attachment-settings">
|
||||
<a class="editable icon icon-floppy" href="" title="Save"></a>
|
||||
<a class="editable icon icon-delete" href="" title="Cancel"></a>
|
||||
</div>
|
||||
""") # TODO: i18n
|
||||
|
||||
link = ($scope, $el, $attrs) ->
|
||||
|
|
@ -208,6 +219,7 @@ AttachmentDirective = ($log, $repo, $confirm) ->
|
|||
|
||||
if attachment.is_deprecated
|
||||
$el.addClass("deprecated")
|
||||
$el.find(".deprecated-file").removeClass('hidden')
|
||||
if $scope.showDeprecatedAttachments
|
||||
$el.removeClass("hidden")
|
||||
else
|
||||
|
|
|
|||
Binary file not shown.
|
|
@ -27,13 +27,15 @@
|
|||
<glyph unicode="r" d="M311 155l0-54c0-8-3-15-8-20-5-5-12-8-20-8l-54 0c-8 0-15 3-20 8-5 5-8 12-8 20l0 54c0 8 3 15 8 20 5 5 12 8 20 8l54 0c8 0 15-3 20-8 5-5 8-12 8-20z m0 147l0-55c0-8-3-14-8-20-5-5-12-8-20-8l-54 0c-8 0-15 3-20 8-5 6-8 12-8 20l0 55c0 7 3 14 8 19 5 5 12 8 20 8l54 0c8 0 15-3 20-8 5-5 8-12 8-19z m0 146l0-55c0-7-3-14-8-19-5-6-12-8-20-8l-54 0c-8 0-15 2-20 8-5 5-8 12-8 19l0 55c0 8 3 14 8 19 5 6 12 8 20 8l54 0c8 0 15-2 20-8 5-5 8-11 8-19z"/>
|
||||
<glyph unicode="s" d="M366 174l0-19c0-2-1-4-3-6-2-2-4-3-6-3l-202 0c-2 0-4 1-6 3-2 2-3 4-3 6l0 19c0 2 1 5 3 6 2 2 4 3 6 3l202 0c2 0 4-1 6-3 2-1 3-4 3-6z m0 73l0-18c0-3-1-5-3-7-2-2-4-3-6-3l-202 0c-2 0-4 1-6 3-2 2-3 4-3 7l0 18c0 3 1 5 3 6 2 2 4 3 6 3l202 0c2 0 4-1 6-3 2-1 3-3 3-6z m-256-174l292 0 0 220-119 0c-7 0-14 2-19 8-5 5-8 11-8 19l0 119-146 0z m183 256l107 0c-2 6-4 10-6 12l-90 89c-2 3-6 5-11 7z m146-9l0-256c0-8-3-14-8-19-5-6-12-8-20-8l-310 0c-8 0-15 2-20 8-5 5-8 11-8 19l0 384c0 8 3 14 8 19 5 6 12 8 20 8l182 0c8 0 16-1 26-5 9-4 16-9 21-14l89-89c6-5 10-13 14-22 4-9 6-17 6-25z"/>
|
||||
<glyph unicode="t" d="M432 309l-123 0 0 123c0 5-5 10-10 10l-86 0c-5 0-10-5-10-10l0-123-123 0c-5 0-10-5-10-10l0-86c0-3 1-5 3-7 2-2 4-3 7-3l123 0 0-123c0-3 1-5 3-7 2-2 4-3 7-3l86 0c3 0 5 1 7 3 2 2 3 4 3 7l0 123 123 0c3 0 5 1 7 3 2 2 3 4 3 7l0 86c0 5-5 10-10 10z"/>
|
||||
<glyph unicode="u" d="M208 1c-47 0-91 19-124 52-34 33-52 77-52 124 0 47 18 91 52 125l178 174c48 48 132 48 180 0 50-50 50-131 0-181l-160-157c-31-30-81-31-113 1-31 31-31 82 0 113l62 62 46-45-62-62c-4-5-5-9-5-12 0-2 1-7 5-11 8-8 14-8 22 0l160 156c25 25 25 66 0 91-24 24-66 24-90 0l-178-175c-21-21-33-49-33-79 0-30 12-58 33-79 42-42 116-42 158 0l80 80 45-45-80-80c-33-33-77-52-124-52z"/>
|
||||
<glyph unicode="v" d="M468 210c0-1 0-1 0-2-12-51-38-92-77-124-38-32-84-47-136-47-28 0-55 5-81 15-26 11-49 26-69 45l-37-37c-4-3-8-5-13-5-5 0-9 2-13 5-4 4-5 8-5 13l0 128c0 5 1 9 5 13 4 4 8 5 13 5l128 0c5 0 9-1 13-5 3-4 5-8 5-13 0-5-2-9-5-13l-39-39c13-12 28-22 46-29 17-7 35-10 53-10 26 0 49 6 71 18 23 13 40 30 54 51 2 4 7 15 15 34 1 4 4 6 8 6l55 0c3 0 5 0 7-2 1-2 2-4 2-7z m7 229l0-128c0-5-1-9-5-13-4-4-8-5-13-5l-128 0c-5 0-9 1-13 5-3 4-5 8-5 13 0 5 2 9 5 13l40 39c-28 26-62 39-100 39-26 0-49-6-71-18-23-13-40-30-54-51-2-4-7-15-15-34-1-4-4-6-8-6l-57 0c-3 0-5 0-7 2-1 2-2 4-2 7l0 2c12 51 38 92 77 124 39 32 85 47 137 47 28 0 55-5 81-15 26-11 50-26 70-45l37 37c4 3 8 5 13 5 5 0 9-2 13-5 4-4 5-8 5-13z"/>
|
||||
<glyph unicode="w" d="M256 475c40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110 0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29z m37-356l0 54c0 3-1 5-3 7-2 2-4 3-6 3l-55 0c-3 0-5-1-7-3-2-2-3-4-3-7l0-54c0-2 1-5 3-6 2-2 4-3 7-3l55 0c2 0 4 1 6 2 2 2 3 4 3 7z m-1 98l5 178c0 2-1 4-3 5-2 2-4 2-7 2l-62 0c-3 0-5 0-7-2-2-1-3-3-3-5l5-178c0-1 1-3 3-5 1-1 4-2 6-2l53 0c3 0 5 1 7 2 2 2 3 4 3 5z"/>
|
||||
<glyph unicode="x" d="M350 204l-42-42c-2-2-4-3-6-3-3 0-5 1-7 3l-39 39-39-39c-2-2-4-3-7-3-2 0-4 1-6 3l-42 42c-2 2-3 4-3 6 0 3 1 5 3 7l39 39-39 39c-2 2-3 4-3 7 0 2 1 4 3 6l42 42c2 2 4 3 6 3 3 0 5-1 7-3l39-39 39 39c2 2 4 3 7 3 2 0 4-1 6-3l42-42c2-2 3-4 3-6 0-3-1-5-3-7l-39-39 39-39c2-2 3-4 3-7 0-2-1-4-3-6z m61 52c0 28-7 54-20 78-14 24-33 43-57 57-24 13-50 20-78 20-28 0-54-7-78-20-24-14-43-33-57-57-13-24-20-50-20-78 0-28 7-54 20-78 14-24 33-43 57-57 24-13 50-20 78-20 28 0 54 7 78 20 24 14 43 33 57 57 13 24 20 50 20 78z m64 0c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
|
||||
<glyph unicode="y" d="M201 165c0-8-1-16-3-24-3-8-7-15-13-22-6-6-12-9-20-9-8 0-15 3-21 9-6 7-10 14-12 22-3 8-4 16-4 24 0 7 1 15 4 23 2 8 6 15 12 22 6 6 13 9 21 9 8 0 14-3 20-9 6-7 10-14 13-22 2-8 3-16 3-23z m183 0c0-8-1-16-4-24-2-8-6-15-12-22-6-6-13-9-21-9-8 0-14 3-20 9-6 7-10 14-13 22-2 8-3 16-3 24 0 7 1 15 3 23 3 8 7 15 13 22 6 6 12 9 20 9 8 0 15-3 21-9 6-7 10-14 12-22 3-8 4-16 4-23z m46 0c0 22-7 42-20 58-13 16-31 24-53 24-8 0-27-2-56-6-14-2-29-3-45-3-16 0-31 1-45 3-29 4-47 6-56 6-22 0-40-8-53-24-13-16-20-36-20-58 0-17 3-32 9-44 7-13 14-23 24-30 9-7 21-13 34-17 14-4 28-7 40-8 13-2 27-2 43-2l48 0c16 0 30 0 43 2 12 1 26 4 40 8 13 4 25 10 34 17 10 7 17 17 24 30 6 12 9 27 9 44z m64 50c0-40-6-71-18-95-7-14-17-27-30-38-13-10-26-19-40-24-14-6-30-11-49-14-18-3-34-5-49-6-14-1-30-1-47-1-15 0-29 0-41 0-12 1-26 2-42 4-16 2-31 5-44 9-13 3-26 8-39 14-13 6-24 14-34 23-11 10-19 21-25 33-12 24-18 55-18 95 0 45 13 83 39 113-5 16-8 32-8 49 0 22 5 42 15 62 21 0 39-4 54-11 16-8 34-20 54-36 28 7 58 10 89 10 28 0 54-3 80-9 20 16 37 27 53 35 16 7 34 11 54 11 10-20 15-40 15-62 0-17-3-33-8-48 26-31 39-69 39-114z"/>
|
||||
<glyph unicode="z" d="M232 141l176 175c3 4 5 8 5 13 0 5-2 9-5 13l-29 29c-4 4-8 6-13 6-5 0-10-2-13-6l-134-133-60 60c-3 4-8 5-13 5-5 0-9-1-13-5l-29-29c-3-4-5-8-5-13 0-5 2-9 5-13l103-102c3-4 7-6 12-6 5 0 10 2 13 6z m243 252l0-274c0-23-8-42-24-58-16-16-35-24-58-24l-274 0c-23 0-42 8-58 24-16 16-24 35-24 58l0 274c0 23 8 42 24 58 16 16 35 24 58 24l274 0c23 0 42-8 58-24 16-16 24-35 24-58z"/>
|
||||
<glyph unicode="A" d="M256 484c-126 0-228-102-228-228 0-126 102-228 228-228 126 0 228 102 228 228 0 126-102 228-228 228z m0-399c-94 0-171 77-171 171 0 94 77 171 171 171 94 0 171-77 171-171 0-94-77-171-171-171z m-2 312c-23-2-40-23-37-46l12-118c2-13 12-24 26-26 16-1 30 10 31 26l13 118c0 3 0 6 0 8-2 23-22 40-45 38z m-21-220c-7-7-11-16-11-25 0-10 4-19 11-26 7-6 16-10 25-10 9 0 19 4 25 10 7 7 11 16 11 26 0 9-4 18-11 25-13 13-37 13-50 0z"/>
|
||||
<glyph unicode="C" d="M388 461c0 0 73-80 73-80 0 0 0-279 0-279 0-13-5-25-15-35-10-11-22-16-36-16 0 0-308 0-308 0-13 0-25 5-35 16-11 10-16 22-16 35 0 0 0 308 0 308 0 14 5 26 16 36 10 10 22 15 35 15 0 0 286 0 286 0m-30-154c0 0 0 128 0 128 0 0-204 0-204 0 0 0 0-128 0-128 0-7 2-13 7-18 5-5 11-7 18-7 0 0 154 0 154 0 7 0 13 2 18 7 5 5 7 11 7 18m-25 103c0 0 0-103 0-103 0 0-51 0-51 0 0 0 0 103 0 103 0 0 51 0 51 0"/>
|
||||
<glyph unicode="D" d="M422 204c0 0 0 1 0 1l0 0-88 51 89 51 0 0c4 3 6 10 3 14 0 0 0 1 0 1l0 0-28 49 0 0c-3 4-9 6-14 3l0 0-89-51 0 103 0 0c0 6-5 10-11 10 0 0 0 0 0 0l0 0-56 0 0 0c-6 0-10-5-10-10l0 0 0-103-90 52 0 0c-5 2-11 0-14-4 0 0 0-1 0-1l0 0-28-49 0 0c-3-4-1-10 4-13l0 0 0 0c0 0 0 0 0 0 0 0 0-1 0-1l89-51-87-50c-1-1-2-1-2-1-5-3-7-9-4-14l0 0 29-51 0 0c3-4 9-5 13-2 0 0 0 0 0 0l1 0 89 51 0-100c-1-1-1-2-1-3 0-5 5-10 10-10l0 0 59 0 0 0c5 1 8 5 8 10 0 0 0 0 0 0l1 0 0 103 87-50c0-1 1-1 2-1 4-3 11-2 14 3l0 0 28 49c0 0 0 0 0 0 0 0 0 0 0 0l1 2 0 0c1 5 0 10-5 12z"/>
|
||||
<glyph unicode="u" d="M468 210c0-1 0-1 0-2-12-51-38-92-77-124-38-32-84-47-136-47-28 0-55 5-81 15-26 11-49 26-69 45l-37-37c-4-3-8-5-13-5-5 0-9 2-13 5-4 4-5 8-5 13l0 128c0 5 1 9 5 13 4 4 8 5 13 5l128 0c5 0 9-1 13-5 3-4 5-8 5-13 0-5-2-9-5-13l-39-39c13-12 28-22 46-29 17-7 35-10 53-10 26 0 49 6 71 18 23 13 40 30 54 51 2 4 7 15 15 34 1 4 4 6 8 6l55 0c3 0 5 0 7-2 1-2 2-4 2-7z m7 229l0-128c0-5-1-9-5-13-4-4-8-5-13-5l-128 0c-5 0-9 1-13 5-3 4-5 8-5 13 0 5 2 9 5 13l40 39c-28 26-62 39-100 39-26 0-49-6-71-18-23-13-40-30-54-51-2-4-7-15-15-34-1-4-4-6-8-6l-57 0c-3 0-5 0-7 2-1 2-2 4-2 7l0 2c12 51 38 92 77 124 39 32 85 47 137 47 28 0 55-5 81-15 26-11 50-26 70-45l37 37c4 3 8 5 13 5 5 0 9-2 13-5 4-4 5-8 5-13z"/>
|
||||
<glyph unicode="v" d="M256 475c40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110 0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29z m37-356l0 54c0 3-1 5-3 7-2 2-4 3-6 3l-55 0c-3 0-5-1-7-3-2-2-3-4-3-7l0-54c0-2 1-5 3-6 2-2 4-3 7-3l55 0c2 0 4 1 6 2 2 2 3 4 3 7z m-1 98l5 178c0 2-1 4-3 5-2 2-4 2-7 2l-62 0c-3 0-5 0-7-2-2-1-3-3-3-5l5-178c0-1 1-3 3-5 1-1 4-2 6-2l53 0c3 0 5 1 7 2 2 2 3 4 3 5z"/>
|
||||
<glyph unicode="w" d="M350 204l-42-42c-2-2-4-3-6-3-3 0-5 1-7 3l-39 39-39-39c-2-2-4-3-7-3-2 0-4 1-6 3l-42 42c-2 2-3 4-3 6 0 3 1 5 3 7l39 39-39 39c-2 2-3 4-3 7 0 2 1 4 3 6l42 42c2 2 4 3 6 3 3 0 5-1 7-3l39-39 39 39c2 2 4 3 7 3 2 0 4-1 6-3l42-42c2-2 3-4 3-6 0-3-1-5-3-7l-39-39 39-39c2-2 3-4 3-7 0-2-1-4-3-6z m61 52c0 28-7 54-20 78-14 24-33 43-57 57-24 13-50 20-78 20-28 0-54-7-78-20-24-14-43-33-57-57-13-24-20-50-20-78 0-28 7-54 20-78 14-24 33-43 57-57 24-13 50-20 78-20 28 0 54 7 78 20 24 14 43 33 57 57 13 24 20 50 20 78z m64 0c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
|
||||
<glyph unicode="x" d="M201 165c0-8-1-16-3-24-3-8-7-15-13-22-6-6-12-9-20-9-8 0-15 3-21 9-6 7-10 14-12 22-3 8-4 16-4 24 0 7 1 15 4 23 2 8 6 15 12 22 6 6 13 9 21 9 8 0 14-3 20-9 6-7 10-14 13-22 2-8 3-16 3-23z m183 0c0-8-1-16-4-24-2-8-6-15-12-22-6-6-13-9-21-9-8 0-14 3-20 9-6 7-10 14-13 22-2 8-3 16-3 24 0 7 1 15 3 23 3 8 7 15 13 22 6 6 12 9 20 9 8 0 15-3 21-9 6-7 10-14 12-22 3-8 4-16 4-23z m46 0c0 22-7 42-20 58-13 16-31 24-53 24-8 0-27-2-56-6-14-2-29-3-45-3-16 0-31 1-45 3-29 4-47 6-56 6-22 0-40-8-53-24-13-16-20-36-20-58 0-17 3-32 9-44 7-13 14-23 24-30 9-7 21-13 34-17 14-4 28-7 40-8 13-2 27-2 43-2l48 0c16 0 30 0 43 2 12 1 26 4 40 8 13 4 25 10 34 17 10 7 17 17 24 30 6 12 9 27 9 44z m64 50c0-40-6-71-18-95-7-14-17-27-30-38-13-10-26-19-40-24-14-6-30-11-49-14-18-3-34-5-49-6-14-1-30-1-47-1-15 0-29 0-41 0-12 1-26 2-42 4-16 2-31 5-44 9-13 3-26 8-39 14-13 6-24 14-34 23-11 10-19 21-25 33-12 24-18 55-18 95 0 45 13 83 39 113-5 16-8 32-8 49 0 22 5 42 15 62 21 0 39-4 54-11 16-8 34-20 54-36 28 7 58 10 89 10 28 0 54-3 80-9 20 16 37 27 53 35 16 7 34 11 54 11 10-20 15-40 15-62 0-17-3-33-8-48 26-31 39-69 39-114z"/>
|
||||
<glyph unicode="y" d="M232 141l176 175c3 4 5 8 5 13 0 5-2 9-5 13l-29 29c-4 4-8 6-13 6-5 0-10-2-13-6l-134-133-60 60c-3 4-8 5-13 5-5 0-9-1-13-5l-29-29c-3-4-5-8-5-13 0-5 2-9 5-13l103-102c3-4 7-6 12-6 5 0 10 2 13 6z m243 252l0-274c0-23-8-42-24-58-16-16-35-24-58-24l-274 0c-23 0-42 8-58 24-16 16-24 35-24 58l0 274c0 23 8 42 24 58 16 16 35 24 58 24l274 0c23 0 42-8 58-24 16-16 24-35 24-58z"/>
|
||||
<glyph unicode="z" d="M256 484c-126 0-228-102-228-228 0-126 102-228 228-228 126 0 228 102 228 228 0 126-102 228-228 228z m0-399c-94 0-171 77-171 171 0 94 77 171 171 171 94 0 171-77 171-171 0-94-77-171-171-171z m-2 312c-23-2-40-23-37-46l12-118c2-13 12-24 26-26 16-1 30 10 31 26l13 118c0 3 0 6 0 8-2 23-22 40-45 38z m-21-220c-7-7-11-16-11-25 0-10 4-19 11-26 7-6 16-10 25-10 9 0 19 4 25 10 7 7 11 16 11 26 0 9-4 18-11 25-13 13-37 13-50 0z"/>
|
||||
<glyph unicode="A" d="M388 461c0 0 73-80 73-80 0 0 0-279 0-279 0-13-5-25-15-35-10-11-22-16-36-16 0 0-308 0-308 0-13 0-25 5-35 16-11 10-16 22-16 35 0 0 0 308 0 308 0 14 5 26 16 36 10 10 22 15 35 15 0 0 286 0 286 0m-30-154c0 0 0 128 0 128 0 0-204 0-204 0 0 0 0-128 0-128 0-7 2-13 7-18 5-5 11-7 18-7 0 0 154 0 154 0 7 0 13 2 18 7 5 5 7 11 7 18m-25 103c0 0 0-103 0-103 0 0-51 0-51 0 0 0 0 103 0 103 0 0 51 0 51 0"/>
|
||||
<glyph unicode="B" d="M422 204c0 0 0 1 0 1l0 0-88 51 89 51 0 0c4 3 6 10 3 14 0 0 0 1 0 1l0 0-28 49 0 0c-3 4-9 6-14 3l0 0-89-51 0 103 0 0c0 6-5 10-11 10 0 0 0 0 0 0l0 0-56 0 0 0c-6 0-10-5-10-10l0 0 0-103-90 52 0 0c-5 2-11 0-14-4 0 0 0-1 0-1l0 0-28-49 0 0c-3-4-1-10 4-13l0 0 0 0c0 0 0 0 0 0 0 0 0-1 0-1l89-51-87-50c-1-1-2-1-2-1-5-3-7-9-4-14l0 0 29-51 0 0c3-4 9-5 13-2 0 0 0 0 0 0l1 0 89 51 0-100c-1-1-1-2-1-3 0-5 5-10 10-10l0 0 59 0 0 0c5 1 8 5 8 10 0 0 0 0 0 0l1 0 0 103 87-50c0-1 1-1 2-1 4-3 11-2 14 3l0 0 28 49c0 0 0 0 0 0 0 0 0 0 0 0l1 2 0 0c1 5 0 10-5 12z"/>
|
||||
<glyph unicode="C" d="M453 425c-1 9-8 16-17 16l-360 0 0 0c-9 0-16-7-17-16l0 0 0-288 0 0c2-8 9-14 17-14l0 0 59 0 0-35c0-9 8-17 17-17 6 0 11 3 14 8l45 44 225 0c8 0 15 6 17 14l0 0 0 288z"/>
|
||||
<glyph unicode="D" d="M411 448l0 0 0 21c0 4-4 8-9 8l-168 0-133-132 0-302c0-4 4-8 9-8l292 0c5 0 9 4 9 8l0 13 0 0z m-259-362l0 241 91 0c5 0 9 4 9 9l0 90 108 0 0-340z"/>
|
||||
<glyph unicode="E" d="M155 59c-14 0-32 5-50 23-24 24-27 47-25 62 2 17 11 34 27 50l150 151c43 42 71 26 83 13 16-15 26-42-14-82l-138-139-27 27 138 139c22 21 17 26 14 28-1 2-7 8-29-13l-150-151c-7-7-15-17-16-28-1-9 4-19 14-30 13-13 23-12 26-11 9 1 19 7 30 18 13 12 167 166 178 178 15 15 24 29 28 42 5 20-1 38-20 57-19 19-51 40-98-8l-165-165c-8-7-20-7-27 0-8 8-8 20 0 27l165 165c51 51 106 54 152 8 36-36 36-71 30-94-6-20-18-39-38-59-11-12-166-166-178-178-17-17-34-26-51-29-3 0-6-1-9-1z"/>
|
||||
</font></defs></svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 13 KiB |
Binary file not shown.
Binary file not shown.
|
|
@ -4,7 +4,7 @@
|
|||
section.attachments(tg-attachments, ng-model=attachModel)
|
||||
div.attachments-header
|
||||
h3.attachments-title
|
||||
span.icon.icon-attachment
|
||||
span.icon.icon-attachments
|
||||
span.attachments-num 0
|
||||
span.attachments-text attachments
|
||||
a.button.button-gray.add-attach(href="", title="Add new attachment")
|
||||
|
|
|
|||
|
|
@ -185,30 +185,36 @@ a:visited {
|
|||
.icon-plus:before {
|
||||
content: 't';
|
||||
}
|
||||
.icon-attachment:before {
|
||||
.icon-reload:before {
|
||||
content: 'u';
|
||||
}
|
||||
.icon-reload:before {
|
||||
.icon-warning:before {
|
||||
content: 'v';
|
||||
}
|
||||
.icon-warning:before {
|
||||
.icon-notification-error:before {
|
||||
content: 'w';
|
||||
}
|
||||
.icon-notification-error:before {
|
||||
.icon-github:before {
|
||||
content: 'x';
|
||||
}
|
||||
.icon-github:before {
|
||||
.icon-check-square:before {
|
||||
content: 'y';
|
||||
}
|
||||
.icon-check-square:before {
|
||||
.icon-warning-alt:before {
|
||||
content: 'z';
|
||||
}
|
||||
.icon-warning-alt:before {
|
||||
.icon-floppy:before {
|
||||
content: 'A';
|
||||
}
|
||||
.icon-floppy:before {
|
||||
.icon-bulk:before {
|
||||
content: 'B';
|
||||
}
|
||||
.icon-comment:before {
|
||||
content: 'C';
|
||||
}
|
||||
.icon-bulk:before {
|
||||
.icon-documents:before {
|
||||
content: 'D';
|
||||
}
|
||||
.icon-attachments:before {
|
||||
content: 'E';
|
||||
}
|
||||
|
|
|
|||
|
|
@ -29,25 +29,70 @@
|
|||
&:last-child {
|
||||
border: 0;
|
||||
}
|
||||
&:hover {
|
||||
.attachment-settings {
|
||||
.settings {
|
||||
@include transition (opacity .2s ease-in);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.ui-sortable-helper {
|
||||
@include transition (background .2s ease-in);
|
||||
background: lighten($green-taiga, 60%);
|
||||
box-shadow: 1px 1px 10px rgba($black, .1);
|
||||
}
|
||||
&.deprecated {
|
||||
color: $gray-light;
|
||||
.attachment-name a {
|
||||
color: $gray-light;
|
||||
}
|
||||
}
|
||||
.attachment-name {
|
||||
@include ellipsis(200px);
|
||||
@include table-flex-child(1, 200px);
|
||||
@include table-flex-child(1, 300px);
|
||||
@extend %bold;
|
||||
padding-right: 1rem;
|
||||
.icon {
|
||||
margin-right: .5rem;
|
||||
}
|
||||
}
|
||||
.attachment-comment {
|
||||
.attachment-size {
|
||||
@include table-flex-child(1, 100px);
|
||||
color: $gray-light;
|
||||
margin-right: .5rem;
|
||||
}
|
||||
.attachment-comments {
|
||||
@include table-flex-child(10, 300px);
|
||||
.attachment-size {
|
||||
}
|
||||
.attachment-settings {
|
||||
@include table-flex-child(1, 100px);
|
||||
.settings {
|
||||
@extend %large;
|
||||
color: $gray-light;
|
||||
margin-left: .5rem;
|
||||
display: block;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
&:hover {
|
||||
color: $green-taiga;
|
||||
}
|
||||
}
|
||||
.icon-edit {
|
||||
right: 4rem;
|
||||
}
|
||||
.icon-delete {
|
||||
right: 2rem;
|
||||
&:hover {
|
||||
color: $red;
|
||||
}
|
||||
}
|
||||
.icon-drag-v {
|
||||
cursor: move;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
.settings {
|
||||
@extend %large;
|
||||
color: $gray-light;
|
||||
}
|
||||
// REFACTOR //
|
||||
.editable {
|
||||
@include table-flex-child(10, 300px);
|
||||
}
|
||||
|
|
@ -89,35 +134,23 @@
|
|||
display: block;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
&:not(.edit) {
|
||||
@include transition (background .2s ease-in);
|
||||
background: lighten($green-taiga, 60%);
|
||||
.settings {
|
||||
@include transition (opacity .2s ease-in);
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
}
|
||||
.icon-edit {
|
||||
right: 4rem;
|
||||
}
|
||||
.icon-drag-v {
|
||||
cursor: move;
|
||||
right: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.more-attachments {
|
||||
@extend %small;
|
||||
border-bottom: 1px solid $gray-light;
|
||||
color: $gray-light;
|
||||
display: block;
|
||||
padding: 1rem 0 1rem 1rem;
|
||||
span {
|
||||
color: $gray-light;
|
||||
}
|
||||
.more-attachments-num {
|
||||
color: $green-taiga;
|
||||
margin-left: .5rem;
|
||||
}
|
||||
&:hover {
|
||||
@include transition (background .2s ease-in);
|
||||
background: lighten($green-taiga, 60%);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue