Mercurial Hosting > chat
comparison src/chat.css @ 53:9298b04607ae
add unread
| author | Franklin Schmidt <fschmidt@gmail.com> |
|---|---|
| date | Mon, 03 Mar 2025 19:39:30 -0700 |
| parents | 7628fd0e3560 |
| children | 323ddacc1593 |
comparison
equal
deleted
inserted
replaced
| 52:c3fabb21b6c4 | 53:9298b04607ae |
|---|---|
| 141 height: 0.6em; | 141 height: 0.6em; |
| 142 border-radius: 50%; | 142 border-radius: 50%; |
| 143 margin-left: 4px; | 143 margin-left: 4px; |
| 144 } | 144 } |
| 145 | 145 |
| 146 span[unread] { | |
| 147 font-size: small; | |
| 148 display: inline-block; | |
| 149 background-color: DodgerBlue; | |
| 150 color: white; | |
| 151 padding: 2px; | |
| 152 border-radius: calc(1em + 4px); | |
| 153 min-width: calc(1em + 4px); | |
| 154 text-align: center; | |
| 155 line-height: 1; | |
| 156 } | |
| 157 span[unread="0"] { | |
| 158 display: none; | |
| 159 } | |
| 146 | 160 |
| 147 @media (min-width: 700px) { | 161 @media (min-width: 700px) { |
| 148 div[chat_content] { | 162 div[chat_content] { |
| 149 margin-left: calc(3% - 8px); | 163 margin-left: calc(3% - 8px); |
| 150 margin-right: 0; | 164 margin-right: 0; |
