... |
... |
@@ -105,17
+105,17 @@ |
105 |
105 |
color: #0cf !important; |
106 |
106 |
} |
107 |
107 |
.jQButton { |
108 |
|
- width:12%; |
109 |
109 |
color: #fff; |
110 |
110 |
background-color: #3480AD;/*#f0f0f3*/ |
111 |
111 |
text-align: center; |
112 |
112 |
display: inline-block; |
113 |
113 |
user-select: none; |
114 |
|
- border-radius: 16px; |
|
113 |
+ border-radius: 4px; |
115 |
115 |
padding: 4px 4px 4px 4px; |
116 |
116 |
font-size: 15px |
|
116 |
+ margin: auto; |
|
117 |
+ margin-bottom: 5px; |
117 |
117 |
} |
118 |
|
- |
119 |
119 |
.jQButton[active=false] { |
120 |
120 |
background-color: #a7a7a7; |
121 |
121 |
} |
... |
... |
@@ -125,6
+125,15 @@ |
125 |
125 |
.jQButton[active=false]:hover { |
126 |
126 |
background-color: #676767; |
127 |
127 |
} |
|
128 |
+.jQButton:before { |
|
129 |
+ font-family: "FontAwesome"; |
|
130 |
+ font-size: 12px; |
|
131 |
+ font-weight: 400; |
|
132 |
+ content: "\f046"; |
|
133 |
+} |
|
134 |
+.jQButton[active=false]:before { |
|
135 |
+ content: "\f096"; |
|
136 |
+} |
128 |
128 |
</style> |
129 |
129 |
|
130 |
130 |
<script> |
... |
... |
@@ -767,12
+767,12 @@ |
767 |
767 |
<div class="d-none d-md-block col-lg-12 card-main"> |
768 |
768 |
<div class="well" > |
769 |
769 |
<div id="jQButtons"> |
770 |
|
- <div id="jQBtn1" class="jQButton" group="Designer" active="true">Designer</div> |
771 |
|
- <div id="jQBtn1" class="jQButton" group="Datenquellen" active="true">Datenquellen</div> |
772 |
|
- <div id="jQBtn1" class="jQButton" group="Statusverarbeitung" active="true">Statusverarbeitung</div> |
773 |
|
- <div id="jQBtn1" class="jQButton" group="Abschlusseite" active="true">Abschlusseite</div> |
774 |
|
- <div id="jQBtn1" class="jQButton" group="Posteingang" active="true">Posteingang</div> |
775 |
|
- <div id="jQBtn1" class="jQButton" group="Anderes" active="true">Anderes</div> |
|
779 |
+ <div id="jQBtn1" class="jQButton" group="Designer" active="true"> Designer</div> |
|
780 |
+ <div id="jQBtn1" class="jQButton" group="Datenquellen" active="true"> Datenquellen</div> |
|
781 |
+ <div id="jQBtn1" class="jQButton" group="Statusverarbeitung" active="true"> Statusverarbeitung</div> |
|
782 |
+ <div id="jQBtn1" class="jQButton" group="Abschlusseite" active="true"> Abschlusseite</div> |
|
783 |
+ <div id="jQBtn1" class="jQButton" group="Posteingang" active="true"> Posteingang</div> |
|
784 |
+ <div id="jQBtn1" class="jQButton" group="Anderes" active="true"> Anderes</div> |
776 |
776 |
</div> |
777 |
777 |
<div id="jQArea"> |
778 |
778 |
</div> |