voussoir/etiquette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add a clear button to the clipboard tray.

Browse source
This commit is contained in:
voussoir 2018-07-14 02:49:45 -07:00
parent c37b54b456
commit 984f6eb3c7
2 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontends/etiquette_flask/static/css/clipboard_tray.css
View file

@ -8,7 +8,7 @@
bottom: 8px; bottom: 8px;
z-index: 10; z-index: 10;
max-height: 80%; max-height: 50%;
min-width: 150px; min-width: 150px;
padding: 2px; padding: 2px;
@ -29,3 +29,9 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
#clipboard_tray_toolbox_firstline
{
display: flex;
justify-content: space-between;
align-items: center;
}

6
frontends/etiquette_flask/templates/clipboard_tray.html
View file

@ -7,7 +7,11 @@
>Clipboard: <span class="clipboard_count">0</span> items</button> >Clipboard: <span class="clipboard_count">0</span> items</button>
<div id="clipboard_tray_body" class="hidden"> <div id="clipboard_tray_body" class="hidden">
<div id="clipboard_tray_toolbox"> <div id="clipboard_tray_toolbox">
<a target="_blank" href="/clipboard">Full clipboard</a> <span id="clipboard_tray_toolbox_firstline">
<a target="_blank" href="/clipboard">Full clipboard</a>
<button id="clear_clipboard_button" class="red_button" onclick="clear_photo_clipboard()">Clear</button>
</span>
<!-- More elements can be added here by the page. -->
</div> </div>
<div id="clipboard_tray_lines"> <div id="clipboard_tray_lines">
</div> </div>