organigramm verbessert
This commit is contained in:
parent
030dd7bac1
commit
e96ec080af
|
|
@ -1,10 +1,6 @@
|
||||||
{% extends "users/base.html" %}
|
{% extends "users/base.html" %}
|
||||||
{% load static %}
|
{% load static %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<style type="text/css">
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<link href="{% static 'users/css/custom.css' %}" rel="stylesheet">
|
<link href="{% static 'users/css/custom.css' %}" rel="stylesheet">
|
||||||
<div class="content-section">
|
<div class="content-section">
|
||||||
<h3>{{request.user.profile.agency.name}}</h3>
|
<h3>{{request.user.profile.agency.name}}</h3>
|
||||||
|
|
@ -16,15 +12,11 @@
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<div class="d-flex justify-content-center">
|
<div class="d-flex justify-content-center">
|
||||||
<div id="diagram" class="">
|
<div id="diagram" class="">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
|
|
||||||
#diagram {
|
#diagram {
|
||||||
|
|
@ -35,8 +27,7 @@
|
||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
border-width: 1px !important;
|
border-width: 1px !important;
|
||||||
border-color: #b9bbb6 !important;
|
border-color: #b9bbb6 !important;
|
||||||
border-radius: 5px !important;
|
border-radius: 5px !important;
|
||||||
|
|
||||||
}
|
}
|
||||||
.orga-hover:hover {
|
.orga-hover:hover {
|
||||||
background-color: rgba(185,187,182, 0.5);
|
background-color: rgba(185,187,182, 0.5);
|
||||||
|
|
@ -54,7 +45,8 @@
|
||||||
|
|
||||||
li li:before {
|
li li:before {
|
||||||
border-color: #b9bbb6 !important;
|
border-color: #b9bbb6 !important;
|
||||||
border-radius: 5px !important;
|
border-radius: 5px !important;
|
||||||
|
|
||||||
}
|
}
|
||||||
.orga-h {
|
.orga-h {
|
||||||
color: #000000;
|
color: #000000;
|
||||||
|
|
@ -127,7 +119,7 @@ function unflatten(arr) {
|
||||||
return tree;
|
return tree;
|
||||||
}
|
}
|
||||||
|
|
||||||
var html = ['<div class="tf-tree example"><ul><li class="orga-textcenter"><span class="tf-nc orga-hover"><h2>{{request.user.profile.agency.name}}</h2></span>'];
|
var html = ['<div class="tf-tree example tf-gap-sm "><ul><li class="orga-textcenter"><span class="tf-nc orga-hover"><h2>{{request.user.profile.agency.name}}</h2></span>'];
|
||||||
//Create UL-LI-List for tree
|
//Create UL-LI-List for tree
|
||||||
function createList(arr) {
|
function createList(arr) {
|
||||||
html.push('<ul>');
|
html.push('<ul>');
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue