make email icons better

This commit is contained in:
b1ek 2023-02-20 17:12:43 +10:00
parent 977e434d2e
commit f452ab4928
2 changed files with 6 additions and 16 deletions

View File

@ -33,7 +33,7 @@
padding:0 8px; padding:0 8px;
} }
.gb_hidden_mail { .gb_hidden_mail, .gb_no_mail {
display:inline-block; display:inline-block;
background-color: #d6bdbd; background-color: #d6bdbd;
padding: 1px 3px; padding: 1px 3px;
@ -42,26 +42,16 @@
box-sizing: border-box; box-sizing: border-box;
font-size: 7pt; font-size: 7pt;
text-align: center; text-align: center;
user-select: none; box-shadow: inset 0 1px 2px #fff1f1 1px 2px #303030;
box-shadow: inset 0 1px 2px #fefefe20 1px 2px #30303040;
min-width: 75px; min-width: 75px;
user-select: none;
} }
.gb_hidden_mail:hover {
background: #7e8b7b;
}
.gb_hidden_mail::before { .gb_hidden_mail::before {
content: 'Email is hidden'; content: 'Email is hidden';
} }
.gb_no_mail::before {
.gb_no_mail { content: 'No mail address';
background-color: #d6bdbd;
padding: 1px 3px;
border: 1px solid #a2a6a2;
border-radius: 4px;
box-sizing: border-box;
font-size: 7pt;
box-shadow: inset 0 1px 2px #fefefe20 1px 2px #30303040;
} }
.gb_entry_message_text { .gb_entry_message_text {

View File

@ -99,7 +99,7 @@ block content
| Email: | Email:
a(href='mailto:' + entry.email)= entry.email a(href='mailto:' + entry.email)= entry.email
if (entry.email == '') if (entry.email == '')
span(class='gb_no_mail') No mail address span(class='gb_no_mail')
else else
| Email: | Email:
span(class='gb_hidden_mail' style='width:' + (10 * (entry.email || '.').length) + 'px') span(class='gb_hidden_mail' style='width:' + (10 * (entry.email || '.').length) + 'px')