Final fixes too uianimation

This commit is contained in:
2021-04-06 15:11:29 +02:00
parent 3cba4988e1
commit 2cbe3c4387
2 changed files with 24 additions and 14 deletions

View File

@@ -110,7 +110,7 @@
color: #3bc4f1;
}
.deletion-button {
.modification-button {
padding: 0;
outline: none;
background: none;
@@ -118,21 +118,31 @@
font-weight: 300;
}
.deletion-button.btn-tile:hover {
color: #ca1111;
}
.deletion-button.btn-hashmap {
.modification-button.btn-add {
font-size: 16px;
color: #00000030;
margin: auto 0 auto 0;
}
.deletion-button.btn-hashmap:hover {
.modification-button.btn-add:hover {
color:#58ac43;
}
.modification-button.btn-tile:hover {
color: #ca1111;
}
.deletion-button.btn-tile {
.modification-button.btn-hashmap {
font-size: 16px;
color: #00000030;
margin: auto 0 auto 0;
}
.modification-button.btn-hashmap:hover {
color: #ca1111;
}
.modification-button.btn-tile {
width: 10%;
margin: 20% 0 0 0;
font-size: 14px;
@@ -409,5 +419,5 @@
}
.hiddable.active {
display: block;
display: inherit;
}

View File

@@ -91,13 +91,13 @@
<tr>
<td><input class="key" value="basic value"></td>
<td><input value="basic value"></td>
<td><button class="deletion-button btn-hashmap"><i class="icon-cancel"></i></button></td>
<td><button class="modification-button btn-hashmap"><i class="icon-cancel"></i></button></td>
</tr>
</tbody>
<tr>
<td><input id="headerKeyInput" placeholder="name"></td>
<td><input id="headerValueInput" placeholder="value"></td>
<td><button class="clickable-text"><i class="icon-plus"></i></button></td>
<td><button class="modification-button btn-add"><i class="icon-plus"></i></button></td>
</tr>
</table>
</div>
@@ -137,7 +137,7 @@
<p>Status: 200</p>
</div>
<div>
<button class="deletion-button btn-tile"><i class="icon-cancel"></i></button>
<button class="modification-button btn-tile"><i class="icon-cancel"></i></button>
</div>
</div>
</div>
@@ -150,7 +150,7 @@
<p>Status: 200</p>
</div>
<div>
<button class="deletion-button btn-tile"><i class="icon-cancel"></i></button>
<button class="modification-button btn-tile"><i class="icon-cancel"></i></button>
</div>
</div>
</div>
@@ -163,7 +163,7 @@
<p>Status: 200</p>
</div>
<div>
<button class="deletion-button btn-tile"><i class="icon-cancel"></i></button>
<button class="modification-button btn-tile"><i class="icon-cancel"></i></button>
</div>
</div>
</div>