wildtail/multi-account-containers
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

for #94, for #95: more ui updates (#129)

Browse Source 
* for #94, for #95: more ui updates

* fix #95: fix "name" input; inset the panel shadow
This commit is contained in:
luke crouch
2017-02-02 12:59:23 -06:00
committed by Jonathan Kingston
parent aec93f6757
commit b5bde290af
4 changed files with 80 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webextension/popup.html
+16 -18
View File
@@ -62,7 +62,9 @@
<div class="hide panel container-info-panel" id="container-info-panel">
<div class="row">
<div class="small-2 columns panel-back-arrow clickable" id="close-container-info-panel">&laquo;</div>
<div class="small-2 columns panel-back-arrow clickable" id="close-container-info-panel">
<img alt="Panel Back Arrow" src="/img/container-arrow.svg" class="back-arrow-img" />
</div>
<div class="small-10 columns">
<div class="row container-info-panel-header">
<span class="usercontext-icon" id="container-info-icon"></span>
@@ -96,7 +98,7 @@
</div>
<div class="row panel-footer edit-containers-panel-footer">
<div class="small-10 columns edit-containers-exit-text">
<a id="exit-edit-mode-link">&lt; Exit Edit Mode</a>
<a id="exit-edit-mode-link" class="exit-edit-mode-link">Exit Edit Mode</a>
</div>
<div class="small-2 columns add-container">
<a class="add-container-link" id="edit-containers-add-link">
@@ -109,25 +111,21 @@
<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 class="small-2 columns panel-back-arrow clickable" id="edit-container-panel-back-arrow">
<img alt="Panel Back Arrow" src="/img/container-arrow.svg" class="back-arrow-img" />
</div>
<div class="small-10 columns">
<form id="edit-container-panel-form">
<p>
<label for="edit-container-panel-name-input">Name</label>
<fieldset>
<legend>Name</legend>
<input type="text" name="container-name" id="edit-container-panel-name-input"/>
</p>
<p>
<fieldset id="edit-container-panel-choose-color">
<legend>Choose a color</legend>
</fieldset>
</p>
<p>
<fieldset id="edit-container-panel-choose-icon">
<legend>Choose an icon</legend>
</fieldset>
</p>
</fieldset>
<fieldset id="edit-container-panel-choose-color">
<legend>Choose a color</legend>
</fieldset>
<fieldset id="edit-container-panel-choose-icon">
<legend>Choose an icon</legend>
</fieldset>
</form>
<div class="row">
<div class="small-6 columns footer-columns">
@@ -149,7 +147,7 @@
<h3 id="delete-container-name" class="panel-header-text"></h3>
</div>
<div class="row delete-container-confirm">
<h4>Remove This Container</h4>
<h4 class="delete-container-confirm-title">Remove This Container</h4>
<p>If you remove this container now, <span id="delete-container-tab-count"></span> container tabs will be closed. Are you sure you want to remove this Container?</p>
</div>
<div class="row">