Просмотр исходного кода

Right-align chat refresh button

ZiB 4 месяцев назад
Родитель
Сommit
3e87554b73
1 измененных файлов с 3 добавлено и 3 удалено
  1. 3 3
      room_cal/vue/calendar.html

+ 3 - 3
room_cal/vue/calendar.html

@@ -621,7 +621,7 @@
     .chat-send-btn:not(:disabled):hover { opacity: 0.82; }
     .chat-reload-btn {
       background: none; border: none; cursor: pointer; font-size: 14px;
-      color: #6b7280; padding: 0 0 0 6px; line-height: 1; vertical-align: middle;
+      color: #6b7280; padding: 0; line-height: 1;
     }
     .chat-reload-btn:disabled { opacity: 0.4; cursor: not-allowed; }
     .chat-reload-btn:not(:disabled):hover { color: #111; }
@@ -1330,8 +1330,8 @@
         <div v-if="selectionSupportsChat && selection.chat_id" class="panel-card">
           <div class="panel-head">
             <div class="panel-title">Messages</div>
-            <div class="panel-subtitle" v-if="chatThread">
-              {{ visibleChatMessages.length }} message{{ visibleChatMessages.length !== 1 ? 's' : '' }}
+            <div class="panel-subtitle" v-if="chatThread" style="display:flex;align-items:center;justify-content:space-between">
+              <span>{{ visibleChatMessages.length }} message{{ visibleChatMessages.length !== 1 ? 's' : '' }}</span>
               <button class="chat-reload-btn" @click="loadChat" :disabled="chatLoading" title="Refresh messages">↺</button>
             </div>
           </div>