Would it be cool to have user avatars when @otherusers

⚓ Dev 📅 2023-05-17 👤 Ryza 👁️ 160

🏷️ @

👍 󠁮󠁮󠁮󠁮 👎 󠁮󠁮󠁮󠁮

freedit 2023-05-17 👍 👎

Looks great. Could you show your code or make a pr?

Ryza 2023-05-17 👍 👎 [op]

#1 @freedit Because I don’t know your code specification, the custom css should be written in that file

Ryza 2023-05-17 👍 👎 [op]

@freedit Maybe I can put the code directly into the post for your reference

freedit 2023-05-17 👍 👎

Just paste your css, because I know little about it and I have no plan to. If you could help me, it will be much faster.

Ryza 2023-05-17 👍 👎 [op]

html :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./atuser.css">
</head>
<body>
    <p>@
        <span class="replytag">
            <img src="./ryza.jpg">
        <a href="/user/51"><font>Ryza</font></a>
        </span>
    </p>
</body>
</html>

css:

a{ text-decoration: none; }

.replytag{ position: relative; display: inline-block; line-height: 1; margin: 0 .14285714em; font-weight: 700; border: 0 solid transparent; transition: background .1s ease; font-size: .7rem; width: auto; margin-top: 0; margin-bottom: 0; max-width: 9999px; vertical-align: baseline; text-transform: none; background: #e8e8e8; padding: .5833em .833em .5833em .5em; border-radius: .28571429rem; box-shadow: none; } .replytag img { width: auto; height: 2.1666em; max-width: 100%; display: inline-block; vertical-align: top; margin: -.5833em .5em -.5833em -.5em; border-radius: .28571429rem 0 0 .28571429rem; } .replytag a{ color: rgba(0,0,0,.6); }

Ryza 2023-05-17 👍 👎 [op]

@freedit Maybe you have to optimize it for the actual situation

Ryza 2023-05-17 👍 👎 [op]

@freedit css code is not highlighted in the reply

freedit 2023-05-17 👍 👎

@Ryza #7 use CSS instead of css

freedit 2023-05-17 👍 👎

@Ryza thanks!