diff --git a/public/static/ui/gb_ui.css b/public/static/ui/gb_ui.css index 777b393..099c779 100644 --- a/public/static/ui/gb_ui.css +++ b/public/static/ui/gb_ui.css @@ -35,29 +35,35 @@ .gb_hidden_mail { display:inline-block; - height:10pt; - border-radius:4px; - background:#666d65; - transform: translateY(1px); - border: 1px solid #4f534e; + background-color: #d6bdbd; + padding: 1px 3px; + border: 1px solid #a2a6a2; + border-radius: 4px; box-sizing: border-box; - transition: 150ms ease; - font-size:7pt; - color: #eaeaea; + font-size: 7pt; text-align: center; user-select: none; box-shadow: inset 0 1px 2px #fefefe20 1px 2px #30303040; - content: ''; - min-width: 100px; + min-width: 75px; } .gb_hidden_mail:hover { background: #7e8b7b; } -.gb_hidden_mail:hover::before { +.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_entry_message_text { margin: 0; padding: 10px; diff --git a/view/guestbook.pug b/view/guestbook.pug index 042cc69..0d0dde2 100644 --- a/view/guestbook.pug +++ b/view/guestbook.pug @@ -98,6 +98,8 @@ block content if (!entry.hidemail) | Email: a(href='mailto:' + entry.email)= entry.email + if (entry.email == '') + span(class='gb_no_mail') No mail address else | Email: span(class='gb_hidden_mail' style='width:' + (10 * (entry.email || '.').length) + 'px')