Skip to content

Instantly share code, notes, and snippets.

@elky
elky / input_file.css
Last active July 11, 2019 02:26
Stylized input file. With file path. No extra divs. Single line JS
/*
Demo: https://jsfiddle.net/elky/ecvy78tu/
Works in webkit browsers only.
<input type="file" data-file="No file chosen" onchange="this.dataset.file=this.files[0].name" multiple>
*/
input[type="file"] {
position: relative;
text-overflow: ellipsis;
@elky
elky / example.py
Created December 23, 2016 13:50
Django JSONField prevent Unicode sequence in Admin
# utils.py
import json
from django.contrib.postgres.forms.jsonb import InvalidJSONInput, JSONField
class ReadableJSONFormField(JSONField):
def prepare_value(self, value):
if isinstance(value, InvalidJSONInput):
return value
return json.dumps(value, ensure_ascii=False, indent=4)
@elky
elky / truncate.css
Created September 1, 2016 11:55
text-overflow ellipsis with 100% width
/*
Demo: https://jsfiddle.net/elky/f6khaf2t/
<div class="element">
<div class="truncate">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.