Skip to content
Snippets Groups Projects
Verified Commit 5f50d705 authored by Julian's avatar Julian Committed by Tom Teichler
Browse files

Rename css classes

parent f52b9ea4
No related branches found
No related tags found
1 merge request!5Resolve "CSS class clashes with frameworks"
.input-group {
.split-input-group {
display: flex;
justify-content: center; }
.split_input {
.split-input {
font-family: "Roboto Mono", monospace;
margin: 0 5px; }
/*# sourceMappingURL=input.css.map */
{
"version": 3,
"mappings": "AAAA,YAAa;EACX,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,MAAM;;AAGzB,YAAa;EACX,WAAW,EAAE,wBAAwB;EACrC,MAAM,EAAE,KAAK",
"sources": ["input.scss"],
"names": [],
"file": "input.css"
}
.input-group {
display: flex;
justify-content: center;
}
.split_input {
font-family: "Roboto Mono", monospace;
margin: 0 5px;
}
\ No newline at end of file
console.log("Input script loaded");
$(document).ready(function () {
let all_inputs = $(".input-group input");
let all_inputs = $(".split-input-group input");
console.log("Splitted inputs loaded.")
if (!window.clear_splitted_inputs) {
console.log("Splitted inputs won't be cleared.")
......@@ -16,7 +16,7 @@ $(document).ready(function () {
let value = target.val();
let max_len = target.attr("maxLength");
if (value.length >= max_len) {
target.next("input").focus();
target.next("input.split-input").focus();
console.log("Next target selected");
}
})
......
<div class="input-group">
<div class="split-input-group">
{% for subwidget in widget.subwidgets %}
{% include subwidget.template_name with widget=subwidget %}
{% endfor %}
......
......@@ -19,7 +19,7 @@ class SplitInput(MultiWidget):
self.input_widget = input_widget if input_widget else TextInput
self.sizes = sizes
self.indexed_sizes = [sum(self.sizes[:i]) for i in range(len(self.sizes) + 1)]
self.attrs = dict(attrs, **{"class": "split_input"})
self.attrs = dict(attrs, **{"class": "split-input"})
self.widgets = [
self.input_widget(attrs=dict(
self.attrs,
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment