commit 94435178d35eafcb7fc9d08defcb1f8583bd77c5
parent acd7923f61ed0dc87675f9355378794dae1c2646
Author: n0tr1v <n0tr1v@protonmail.com>
Date: Fri, 3 Feb 2023 01:13:16 -0800
fix display
Diffstat:
1 file changed, 44 insertions(+), 41 deletions(-)
diff --git a/pkg/web/public/views/pages/chat-messages.gohtml b/pkg/web/public/views/pages/chat-messages.gohtml
@@ -158,7 +158,8 @@
.read-marker { border-top: {{ $.AuthUser.ChatReadMarkerSize }}px solid {{ $.AuthUser.ChatReadMarkerColor }}; }
#msgs { {{ if not .AuthUser.HideRightColumn }}width: calc(100% - 170px); float: left; {{ end }}line-height: 1.2; }
#no-msg { padding-left: 10px; color: #ddd; }
- #rgt-pane { width: 150px; height: 100%; float: left; margin-left: 20px; position: fixed; right: 0; overflow-y: auto; line-height: 1.15; }
+ #rgt-pane { display: flex; width: 150px; height: 100%; float: left; margin-left: 20px; position: fixed; right: 0; overflow-y: auto; line-height: 1.15; }
+ #rgt-pane-container { display: flex; flex-direction: column; }
.rgt-title { font-weight: bolder; color: #ced4da; }
.mb-20px { margin-bottom: 20px; }
.mb-30px { margin-bottom: 30px; }
@@ -166,7 +167,7 @@
.mt-10px { margin-top: 10px; }
.notif, .notif:hover { color: #e74c3c; }
#msg-err { background-color: #8f2d2d; color: #ffffff; padding: 1px 5px 2px 5px; display: block; text-decoration: none; }
- .curr-time { position: absolute; bottom: 0; right: 15px; color: #999; font-family: 'Courier New', Courier, monospace; font-size: 14px; }
+ .curr-time { margin-top: auto; margin-left: auto; color: #999; font-family: 'Courier New', Courier, monospace; font-size: 14px; }
</style>
</head>
<body>
@@ -343,51 +344,53 @@
</div>
{{- if not .AuthUser.HideRightColumn -}}
<div id="rgt-pane">
- <div class="mb-20px">
- <div class="rgt-title">Inbox (<a href="/settings/inbox" target="_top"{{ if gt .Data.InboxCount 0 }}class="notif"{{ end }}>{{ .Data.InboxCount }}</a>)</div>
- </div>
- <div class="mb-20px">
- <div class="rgt-title">Rooms:</div>
- {{- range .Data.OfficialRooms -}}
- {{- if eq .Name "club" -}}
- {{- if $.AuthUser.IsClubMember -}}
- <div><a href="/chat/club" target="_top"{{ if .IsUnread }} class="unread_room"{{ end }}>#club</a></div>
- {{- end -}}
- {{- else if eq .Name "moderators" -}}
- {{- if $.AuthUser.IsModerator -}}
- <div><a href="/chat/moderators" target="_top"{{ if .IsUnread }} class="unread_room"{{ end }}>#moderators</a></div>
+ <div id="rgt-pane-container">
+ <div class="mb-20px">
+ <div class="rgt-title">Inbox (<a href="/settings/inbox" target="_top"{{ if gt .Data.InboxCount 0 }}class="notif"{{ end }}>{{ .Data.InboxCount }}</a>)</div>
+ </div>
+ <div class="mb-20px">
+ <div class="rgt-title">Rooms:</div>
+ {{- range .Data.OfficialRooms -}}
+ {{- if eq .Name "club" -}}
+ {{- if $.AuthUser.IsClubMember -}}
+ <div><a href="/chat/club" target="_top"{{ if .IsUnread }} class="unread_room"{{ end }}>#club</a></div>
+ {{- end -}}
+ {{- else if eq .Name "moderators" -}}
+ {{- if $.AuthUser.IsModerator -}}
+ <div><a href="/chat/moderators" target="_top"{{ if .IsUnread }} class="unread_room"{{ end }}>#moderators</a></div>
+ {{- end -}}
+ {{- else -}}
+ <div><a href="/chat/{{ .Name }}" target="_top"{{ if .IsUnread }} class="unread_room"{{ end }}>#{{ .Name }}</a></div>
{{- end -}}
- {{- else -}}
- <div><a href="/chat/{{ .Name }}" target="_top"{{ if .IsUnread }} class="unread_room"{{ end }}>#{{ .Name }}</a></div>
{{- end -}}
- {{- end -}}
- {{- if .Data.SubscribedRooms -}}
- <div class="mt-10px"></div>
- {{ range .Data.SubscribedRooms }}
- <div><a href="/chat/{{ .Name }}" target="_top"{{ if .IsUnread }} class="unread_room"{{ end }}>#{{ .Name }}</a></div>
- {{ end }}
- {{- end -}}
+ {{- if .Data.SubscribedRooms -}}
+ <div class="mt-10px"></div>
+ {{ range .Data.SubscribedRooms }}
+ <div><a href="/chat/{{ .Name }}" target="_top"{{ if .IsUnread }} class="unread_room"{{ end }}>#{{ .Name }}</a></div>
+ {{ end }}
+ {{- end -}}
- <div class="mt-5px"><a href="/rooms" target="_top">[...]</a></div>
- </div>
- <div class="mb-20px">
- <div class="rgt-title">In this room:</div>
- {{- range .Data.Members -}}
- {{ template "member" dict "Parent" $ "El" . }}
- {{- end -}}
- </div>
- {{- if or .Data.VisibleMemberInChat $.AuthUser.DisplayHellbanned -}}
- <div class="mb-30px">
- {{- if .Data.MembersInChat -}}
- <div class="rgt-title">In other rooms:</div>
- {{- range .Data.MembersInChat -}}
- {{ template "member" dict "Parent" $ "El" . }}
- {{- end -}}
+ <div class="mt-5px"><a href="/rooms" target="_top">[...]</a></div>
+ </div>
+ <div class="mb-20px">
+ <div class="rgt-title">In this room:</div>
+ {{- range .Data.Members -}}
+ {{ template "member" dict "Parent" $ "El" . }}
{{- end -}}
</div>
- {{- end -}}
- <div class="curr-time">{{ .Data.Now.Format "15:04:05" }}</div>
+ {{- if or .Data.VisibleMemberInChat $.AuthUser.DisplayHellbanned -}}
+ <div class="mb-30px">
+ {{- if .Data.MembersInChat -}}
+ <div class="rgt-title">In other rooms:</div>
+ {{- range .Data.MembersInChat -}}
+ {{ template "member" dict "Parent" $ "El" . }}
+ {{- end -}}
+ {{- end -}}
+ </div>
+ {{- end -}}
+ <div class="curr-time">{{ .Data.Now.Format "15:04:05" }}</div>
+ </div>
</div>
{{- end -}}
