... |
... |
@@ -109,12
+109,16 @@ |
109 |
109 |
background-color: #3480AD;/*#f0f0f3*/ |
110 |
110 |
text-align: center; |
111 |
111 |
display: inline-block; |
112 |
|
- user-select: none; |
113 |
113 |
border-radius: 4px; |
114 |
|
- padding: 4px 4px 4px 4px; |
|
113 |
+ padding: 4px 10px 4px 22px; |
115 |
115 |
font-size: 15px |
116 |
116 |
margin: auto; |
117 |
117 |
margin-bottom: 5px; |
|
117 |
+ -moz-user-select: -moz-none; |
|
118 |
+ -khtml-user-select: none; |
|
119 |
+ -webkit-user-select: none; |
|
120 |
+ -ms-user-select: none; |
|
121 |
+ user-select: none; |
118 |
118 |
} |
119 |
119 |
.jQButton[active=false] { |
120 |
120 |
background-color: #a7a7a7; |
... |
... |
@@ -125,15
+125,19 @@ |
125 |
125 |
.jQButton[active=false]:hover { |
126 |
126 |
background-color: #676767; |
127 |
127 |
} |
128 |
|
-.jQButton:before { |
|
132 |
+.jQButton .jQButton-icon::before { |
129 |
129 |
font-family: "FontAwesome"; |
130 |
|
- font-size: 12px; |
|
134 |
+ font-size: 14px; |
131 |
131 |
font-weight: 400; |
132 |
132 |
content: "\f046"; |
133 |
133 |
} |
134 |
|
-.jQButton[active=false]:before { |
|
138 |
+.jQButton[active=false] .jQButton-icon::before { |
135 |
135 |
content: "\f096"; |
136 |
136 |
} |
|
141 |
+.jQButton-icon { |
|
142 |
+ position: absolute; |
|
143 |
+ margin-left: -11px; |
|
144 |
+} |
137 |
137 |
</style> |
138 |
138 |
|
139 |
139 |
<script> |
... |
... |
@@ -776,12
+776,12 @@ |
776 |
776 |
<div class="d-none d-md-block col-lg-12 card-main"> |
777 |
777 |
<div class="well" > |
778 |
778 |
<div id="jQButtons"> |
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> |
|
787 |
+ <div id="jQBtn1" class="jQButton" group="Designer" active="true"><span class="jQButton-icon"></span> Designer</div> |
|
788 |
+ <div id="jQBtn1" class="jQButton" group="Datenquellen" active="true"><span class="jQButton-icon"></span> Datenquellen</div> |
|
789 |
+ <div id="jQBtn1" class="jQButton" group="Statusverarbeitung" active="true"><span class="jQButton-icon"></span> Statusverarbeitung</div> |
|
790 |
+ <div id="jQBtn1" class="jQButton" group="Abschlusseite" active="true"><span class="jQButton-icon"></span> Abschlusseite</div> |
|
791 |
+ <div id="jQBtn1" class="jQButton" group="Posteingang" active="true"><span class="jQButton-icon"></span> Posteingang</div> |
|
792 |
+ <div id="jQBtn1" class="jQButton" group="Anderes" active="true"><span class="jQButton-icon"></span> Anderes</div> |
785 |
785 |
</div> |
786 |
786 |
<div id="jQArea"> |
787 |
787 |
</div> |