1 changed files with 28 additions and 0 deletions
@ -0,0 +1,28 @@ |
|||
<script type="module"> |
|||
class FileView extends HTMLElement { |
|||
constructor() { |
|||
super() |
|||
} |
|||
|
|||
connectedCallback() { |
|||
const style = document.createElement('style') |
|||
style.textContent = ` |
|||
` |
|||
this.shadowRoot.appendChild('style') |
|||
} |
|||
} |
|||
|
|||
customElements.add('m-file-view', FileView) |
|||
</script> |
|||
|
|||
<!-- |
|||
|
|||
Each file has a header with the filename, an edit icon, and a menu icon. When editing, the . When not editing, tapping on the filename expands and collapses it. |
|||
|
|||
Tapping on a line selects it and shows icons, tapping on another line selects down to that line. |
|||
|
|||
At the top is a dropdown for selecting the file and a button for. |
|||
|
|||
After all the files is a plus skeleton icon bar. |
|||
|
|||
--> |
|||
Loading…
Reference in new issue