borekon/disposable-mailbox
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

cleanup style

Browse Source
This commit is contained in:
u205400 2018-06-22 11:28:29 +02:00
parent 3ec128f08b
commit bebe467deb
1 changed files with 13 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
frontend2.html
View File

@ -24,8 +24,8 @@
#my-address { #my-address {
margin-top: 0.5rem; margin-top: 0.5rem;
cursor: pointer;
margin-left: 1rem; margin-left: 1rem;
color: black;
} }
.my-address-block { .my-address-block {
@ -35,16 +35,16 @@
padding-left: 0; padding-left: 0;
margin-left: 1rem; margin-left: 1rem;
text-align: center; text-align: center;
padding-right: 0;
} }
.get-new-address-col { .get-new-address-col {
text-align: center; text-align: center;
padding: 0.5rem; padding: 0.5rem;
} }
.my-address {
background-color: #F8F9FA; .email-list-item {
padding: 0.5rem; padding-left: 0;
} }
.copy-button { .copy-button {
@ -61,23 +61,6 @@
background-color: #007BFF; background-color: #007BFF;
} }
/* from https://github.com/twbs/bootstrap/blob/620257456ed0685cae6b6ff51d2ab1e37f02a4fa/assets/scss/_clipboard-js.scss and adapted */
.btn-clipboard2 {
display: block;
padding: 0.25rem 0.5rem;
font-size: 75%;
color: #818a91;
}
.my-address-copy {
background-color: #F8F9FA;
padding-right: 0;
padding-left: 0;
}
/* --- */
header { header {
/*background-color: #f9f9f9;*/ /*background-color: #f9f9f9;*/
padding-bottom: 1rem; padding-bottom: 1rem;
@ -143,7 +126,6 @@
text-align: center; text-align: center;
} }
#address-box-edit { #address-box-edit {
margin: 1rem; margin: 1rem;
} }
@ -172,14 +154,16 @@
<span id="my-address"> <span id="my-address">
user@domain.com user@domain.com
</span>&nbsp;<button class="copy-button" data-clipboard-target="#my-address"> </span>&nbsp;<button class="copy-button" data-clipboard-target="#my-address">
Copy Copy
</button> </button>
</div> </div>
<div class="col get-new-address-col"> <div class="col get-new-address-col">
<button type="button" class="btn btn-outline-dark" <button type="button" class="btn btn-outline-dark"
data-toggle="collapse" title="choose your own address" data-toggle="collapse" title="choose your own address"
data-target=".change-address-toggle" data-target=".change-address-toggle"
aria-controls="address-box-normal address-box-edit" aria-expanded="false">get new address</button> aria-controls="address-box-normal address-box-edit" aria-expanded="false">get new
address
</button>
</div> </div>
</div> </div>
@ -229,7 +213,8 @@
<div class="list-group"> <div class="list-group">
<a class="list-group-item list-group-item-action" data-toggle="collapse" href="#mail-box-1" <a class="list-group-item list-group-item-action email-list-item" data-toggle="collapse"
href="#mail-box-1"
role="button" role="button"
aria-expanded="false" aria-controls="mail-box-1"> aria-expanded="false" aria-controls="mail-box-1">
@ -295,7 +280,7 @@
<!-- next email --> <!-- next email -->
<a class="list-group-item list-group-item-action" data-toggle="collapse" href="#mail-box-2" <a class="list-group-item list-group-item-action email-list-item" data-toggle="collapse" href="#mail-box-2"
role="button" role="button"
aria-expanded="false" aria-controls="mail-box-1"> aria-expanded="false" aria-controls="mail-box-1">