diff --git a/public/static/ui/gb_ui.css b/public/static/ui/gb_ui.css index 099c779..f9a2fc7 100644 --- a/public/static/ui/gb_ui.css +++ b/public/static/ui/gb_ui.css @@ -33,7 +33,7 @@ padding:0 8px; } -.gb_hidden_mail { +.gb_hidden_mail, .gb_no_mail { display:inline-block; background-color: #d6bdbd; padding: 1px 3px; @@ -42,26 +42,16 @@ box-sizing: border-box; font-size: 7pt; text-align: center; - user-select: none; - box-shadow: inset 0 1px 2px #fefefe20 1px 2px #30303040; + box-shadow: inset 0 1px 2px #fff1f1 1px 2px #303030; min-width: 75px; + user-select: none; } -.gb_hidden_mail:hover { - background: #7e8b7b; -} .gb_hidden_mail::before { content: 'Email is hidden'; } - -.gb_no_mail { - 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_no_mail::before { + content: 'No mail address'; } .gb_entry_message_text { diff --git a/view/guestbook.pug b/view/guestbook.pug index 0d0dde2..288fc4b 100644 --- a/view/guestbook.pug +++ b/view/guestbook.pug @@ -99,7 +99,7 @@ block content | Email: a(href='mailto:' + entry.email)= entry.email if (entry.email == '') - span(class='gb_no_mail') No mail address + span(class='gb_no_mail') else | Email: span(class='gb_hidden_mail' style='width:' + (10 * (entry.email || '.').length) + 'px')