for #55: more UI spec; start edit-container-panel

This commit is contained in:
groovecoder
2017-01-10 14:22:11 -06:00
parent 962cd623b8
commit 3be335e79c
3 changed files with 75 additions and 4 deletions
+31
View File
@@ -88,6 +88,37 @@
</div>
</div>
<div class="panel edit-container-panel hide" id="edit-container-panel">
<div class="row">
<div class="small-2 columns panel-back-arrow" id="edit-container-panel-back-arrow">
&laquo;
</div>
<div class="small-10 columns">
<form>
<p>
<label>Name</label>
<input type="text" />
</p>
<p>
<label>Choose a color</label>
<input type="text" />
</p>
<p>
<label>Choose an icon</label>
<input type="text" />
</p>
</form>
<div class="row">
<div class="small-6 columns footer-columns">
<a class="button expanded footer-button cancel-button" id="edit-container-cancel-link">Cancel</a>
</div>
<div class="small-6 columns footer-columns">
<a class="button expanded footer-button">OK</a>
</div>
</div>
</div>
</div>
</div>
<script src="js/popup.js"></script>
</body>