Compare commits

...

2 Commits

Author SHA1 Message Date
localhost_frssoft 44f8a72a76 fix resize banner 2023-11-06 18:05:24 +03:00
localhost_frssoft 4d240f9ca0 improvment reactions page 2023-11-06 16:45:04 +03:00
4 changed files with 27 additions and 15 deletions

View File

@ -123,10 +123,19 @@ frame, body {
display: inline-block; display: inline-block;
} }
.pleroma-reactions form { .pleroma-reactions #emoj {
display: inline-block; display: inline-block;
} }
.pleroma-reactions form {
display: block;
}
.scrollable-emoji {
max-height: 240px;
overflow: scroll;
}
.status-action a { .status-action a {
display: inline-block; display: inline-block;
} }
@ -633,6 +642,7 @@ kbd {
.profile-banner { .profile-banner {
width: 100%; width: 100%;
max-height: 500px;
} }
.block-label, .block-label,

View File

@ -3,24 +3,26 @@
<div class="page-title"> Reactions </div> <div class="page-title"> Reactions </div>
{{$st_id := .ID}} {{$st_id := .ID}}
<div class="page-title"> Add reaction </div> <div class="page-title"> Add reaction </div>
<div class="scrollable-emoji" style="overflow-y: scroll; height:200px;"> <div class="scrollable-emoji">
<div class="pleroma-reactions"> <div class="pleroma-reactions">
{{$emoji_filter := $.Ctx.AddReactionsFilter}}
{{range $shortcode, $code := .ReactionEmojis}}
{{if Allowed_emoji_page $shortcode $emoji_filter}}
<form action="/react-with/{{$st_id}}?emoji={{$code}}" method="post" target="_self" title="{{$shortcode}}">
<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
<input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
<input type="submit" value="{{$code}}" class="pleroma-emoji">
</form>
{{end}}
{{end}}
<form action="/react-with/{{$st_id}}" method="post" target="_self" title="Custom akkoma reactions (ex. :blobemoji:)"> <form action="/react-with/{{$st_id}}" method="post" target="_self" title="Custom akkoma reactions (ex. :blobemoji:)">
<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}"> <input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
<input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}"> <input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
<input type="text" label="ex. :pleromaemoji:" id="akkoma-reaction" cols=30 name="akkoma-reaction"> <input type="text" placeholder=":blobfoxexample: or 🤗" id="akkoma-reaction" cols=30 name="akkoma-reaction" autofocus autocomplete="on">
<input type="submit" value="Send custom reaction" class="pleroma-emoji"> <input type="submit" value="Send custom reaction" class="pleroma-emoji">
<a href="/emojis">emoji list</a>
</form> </form>
{{$emoji_filter := $.Ctx.AddReactionsFilter}}
{{range $shortcode, $code := .ReactionEmojis}}
{{if Allowed_emoji_page $shortcode $emoji_filter}}
<form action="/react-with/{{$st_id}}?emoji={{$code}}" method="post" target="_self" >
<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
<input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
<input type="submit" value="{{$code}}" class="pleroma-emoji">
{{$shortcode}}
</form>
{{end}}
{{end}}
</div> </div>
</div> </div>

View File

@ -121,7 +121,7 @@
<div class="pleroma-reactions"> <div class="pleroma-reactions">
{{range .Pleroma.Reactions}} {{range .Pleroma.Reactions}}
{{$react := "react"}} {{if .Me}} {{$react = "unreact"}} {{end}} {{$react := "react"}} {{if .Me}} {{$react = "unreact"}} {{end}}
<form action="/{{$react}}-with/{{$st_id}}?emoji={{.Name}}" method="post" target="_self"> <form id="emoj" action="/{{$react}}-with/{{$st_id}}?emoji={{.Name}}" method="post" target="_self">
<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}"> <input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
<input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}"> <input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
{{if .Url}} {{if .Url}}

View File

@ -135,7 +135,7 @@
<summary>Banner</summary> <summary>Banner</summary>
<div class="user-profile-img-container"> <div class="user-profile-img-container">
<a class="img-link" href="{{.User.Header}}" target="_blank"> <a class="img-link" href="{{.User.Header}}" target="_blank">
<img class="profile-banner" src="{{.User.Header}}" alt="profile-header" height="500" loading="lazy" /> <img class="profile-banner" src="{{.User.Header}}" alt="profile-header" loading="lazy" />
</a> </a>
</div> </div>
</details> </details>