Make the files pane collapsible. This is the limit of my CSS ability.

git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@3848 ed5197a5-7fde-0310-b194-c3ffbd925b24
This commit is contained in:
2022-02-26 22:51:35 +00:00
parent 1bfa18b8d7
commit 011038a38a
3 changed files with 65 additions and 5 deletions

View File

@ -35,11 +35,18 @@
<input type="button" id="revert" name="revert" value="Revert to Saved" onclick="revert()">
</div>
<div class="hbox" style="height: 100%">
<div id="filesPane" style="flex: 1 1 10%">
<ul id="files"></ul>
<br>
<div><button onclick="newFile()">New File</button></div>
<div><button onclick="removeFile()">Remove File</button></div>
<div id="filesPane">
<div class="hbox">
<span id="files_header">Files</span>
<span id="files_hide" onclick="hideFiles()">«</span>
<span id="files_show" onclick="showFiles()">»</span>
</div>
<div id="files_content">
<ul id="files"></ul>
<br>
<div><button onclick="newFile()">New File</button></div>
<div><button onclick="removeFile()">Remove File</button></div>
</div>
</div>
<div id="docPane" style="display: flex; flex: 1 1 50%; flex-flow: column">
<div style="flex: 1 1 50%; position: relative">