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

Add word-wrap:break-word to various elements

Browse source
This commit is contained in:
voussoir 2017-03-03 22:30:57 -08:00
parent 73835e2a7a
commit fd914051aa
4 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
static/common.css
View file

@ -52,7 +52,7 @@ li
.remove_tag_button, .remove_tag_button,
.remove_tag_button_perm .remove_tag_button_perm
{ {
position: absolute; /*position: absolute;*/
top: 3px; top: 3px;
width: 18px; width: 18px;
height: 14px; height: 14px;
@ -202,10 +202,11 @@ li
align-items: center; align-items: center;
flex: 2; flex: 2;
} }
.message_positive, .message_negative .message_bubble
{ {
width: 80%; width: 80%;
margin: 4px; margin: 4px;
word-wrap: break-word;
} }
.message_positive .message_positive
{ {

2
static/common.js
View file

@ -5,7 +5,7 @@ function create_message_bubble(message_area, message_positivity, message_text, l
lifespan = 8000; lifespan = 8000;
} }
var message = document.createElement("div"); var message = document.createElement("div");
message.className = message_positivity; message.className = "message_bubble " + message_positivity;
var span = document.createElement("span"); var span = document.createElement("span");
span.innerHTML = message_text; span.innerHTML = message_text;
message.appendChild(span); message.appendChild(span);

8
templates/photo.html
View file

@ -62,6 +62,7 @@
#editor_area #editor_area
{ {
flex: 3; flex: 3;
word-wrap: break-word;
} }
#message_area #message_area
{ {
@ -126,8 +127,11 @@
{% set tags = photo.sorted_tags() %} {% set tags = photo.sorted_tags() %}
{% for tag in tags %} {% for tag in tags %}
<li> <li>
<a class="tag_object" href="/search?tag_musts={{tag.name}}">{{tag.qualified_name()}}</a> <a class="tag_object" href="/search?tag_musts={{tag.name}}">{{tag.qualified_name()}}</a><!--
<button class="remove_tag_button" onclick="remove_photo_tag('{{photo.id}}', '{{tag.name}}', receive_callback);"></button> --><button
class="remove_tag_button"
onclick="remove_photo_tag('{{photo.id}}', '{{tag.name}}', receive_callback);">
</button>
</li> </li>
{% endfor %} {% endfor %}
<li> <li>

1
templates/search.html
View file

@ -43,6 +43,7 @@ form
min-width: 300px; min-width: 300px;
padding: 8px; padding: 8px;
flex: 1; flex: 1;
word-wrap: break-word;
} }
#right #right
{ {