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

Add css class gray_button, for more neutral / cancel actions.

Browse source 
Red seems too aggressive and indicates danger when not appropriate.
Gray seems better for reverting to an already safe state.
This commit is contained in:
voussoir 2018-07-28 20:18:10 -07:00
parent 6cb545af8b
commit 949f7177de
4 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontends/etiquette_flask/static/css/common.css
View file

@ -59,6 +59,10 @@ body
flex-direction: row;
}
.gray_button
{
background-color: #cccccc;
}
.green_button
{
background-color: #6df16f;

2
frontends/etiquette_flask/static/js/editor.js
View file

@ -212,7 +212,7 @@ function Editor(elements, on_open, on_save, on_cancel)
this.cancel_button.innerText = "Cancel";
this.cancel_button.classList.add("editor_button");
this.cancel_button.classList.add("editor_cancel_button");
this.cancel_button.classList.add("red_button");
this.cancel_button.classList.add("gray_button");
this.cancel_button.classList.add("hidden");
this.cancel_button.onclick = this.binder(on_cancel, this.cancel);
toolbox.appendChild(this.cancel_button);

2
frontends/etiquette_flask/templates/album.html
View file

@ -91,7 +91,7 @@ p
<button id="create_child_prompt_button" class="green_button" onclick="albums.open_creator_prompt(event);">Create child</button>
<input type="text" id="create_child_title_entry" class="hidden" placeholder="Album title">
<button id="create_child_submit_button" class="green_button hidden" onclick="albums.submit_create_child(event);">Create</button>
<button id="create_child_cancel_button" class="red_button hidden" onclick="albums.cancel_create_child(event);">Cancel</button>
<button id="create_child_cancel_button" class="gray_button hidden" onclick="albums.cancel_create_child(event);">Cancel</button>
</li>
</ul>
</ul>

2
frontends/etiquette_flask/templates/albums.html
View file

@ -30,7 +30,7 @@
<button id="create_child_prompt_button" class="green_button" onclick="albums.open_creator_prompt(event);">Create album</button>
<input type="text" id="create_child_title_entry" class="hidden" placeholder="Album title">
<button id="create_child_submit_button" class="green_button hidden" onclick="albums.submit_create_child(event);">Create</button>
<button id="create_child_cancel_button" class="red_button hidden" onclick="albums.cancel_create_child(event);">Cancel</button>
<button id="create_child_cancel_button" class="gray_button hidden" onclick="albums.cancel_create_child(event);">Cancel</button>
</li>
</ul>
</div>