Skip to content

Instantly share code, notes, and snippets.

@elky
elky / input_file.css
Last active Jul 11, 2019
Stylized input file. With file path. No extra divs. Single line JS
View input_file.css
/*
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 Dec 23, 2016
Django JSONField prevent Unicode sequence in Admin
View example.py
# 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 Sep 1, 2016
text-overflow ellipsis with 100% width
View truncate.css
/*
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.