Added new button, with style.

pull/3/head
Davide Bongiovanni 6 years ago
parent e25d09aa5d
commit f072ffab4a

@ -196,7 +196,7 @@ div label input {
.round-button { .round-button {
position: absolute; position: absolute;
bottom: 15pt; bottom: 15pt;
left: calc(15% - 20pt); left: calc(11% - 20pt);
width: 40pt; width: 40pt;
height: 32pt; height: 32pt;
border-radius: 20pt; border-radius: 20pt;
@ -209,7 +209,20 @@ div label input {
.round-button-left { .round-button-left {
position: absolute; position: absolute;
bottom: 15pt; bottom: 15pt;
left: calc(30% - 20pt); left: calc(22% - 20pt);
width: 40pt;
height: 32pt;
border-radius: 20pt;
background-color: #5E9292;
font-size: 20pt;
padding-top: 8pt;
box-shadow: 2pt 1pt 8pt black;
}
.round-button-right {
position: absolute;
bottom: 15pt;
left: calc(33% - 20pt);
width: 40pt; width: 40pt;
height: 32pt; height: 32pt;
border-radius: 20pt; border-radius: 20pt;
@ -227,6 +240,10 @@ div label input {
color: #D7E2E2; color: #D7E2E2;
} }
.round-button-right a{
color: #D7E2E2;
}
.small-square-button { .small-square-button {
position: absolute; position: absolute;
top: 5pt; top: 5pt;

@ -60,6 +60,7 @@
<img src="" id="map" class="map"/> <img src="" id="map" class="map"/>
<div class="round-button-left"><a href="#" id="edit-button"><i class="fa fa-pencil" aria-hidden="true"></i></a></div> <div class="round-button-left"><a href="#" id="edit-button"><i class="fa fa-pencil" aria-hidden="true"></i></a></div>
<div class="round-button"><a href="#" id="delete-button"><i class="fa fa-trash" aria-hidden="true"></i></a></div> <div class="round-button"><a href="#" id="delete-button"><i class="fa fa-trash" aria-hidden="true"></i></a></div>
<div class="round-button-right"><a href="#" id="duplicate-button" onclick="init_edit(-1)"><i class="fa fa-copy" aria-hidden="true"></i></a></div>
<div class="small-square-button"><a href="#" onclick="overlay_out()"><i class="fa fa-times" aria-hidden="true"></i></a></div> <div class="small-square-button"><a href="#" onclick="overlay_out()"><i class="fa fa-times" aria-hidden="true"></i></a></div>
</div> </div>
<div class="round-floating-button"><a href="#" onclick="new_entry()"><i class="fa fa-plus" aria-hidden="true"></i></a></div> <div class="round-floating-button"><a href="#" onclick="new_entry()"><i class="fa fa-plus" aria-hidden="true"></i></a></div>

Loading…
Cancel
Save