@devchitchat/chat 4.2.2 → 4.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/pages/channels/[channelId].phtml +3 -2
  3. package/pages/public/themes/base.css +8 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@devchitchat/chat",
3
- "version": "4.2.2",
3
+ "version": "4.2.4",
4
4
  "description": "A small chat app. p2p video and screenshare.",
5
5
  "scripts": {
6
6
  "dev": "bun --watch index.js",
package/pages/channels/[channelId].phtml CHANGED
@@ -11,7 +11,7 @@
11
11
  <ul each="channels" key="channel_id" class="channel-list">
12
12
  <template>
13
13
  <li class="channel-item" cls="className" draggable="true">
14
- <a attr="href:url" text="name" class="channel-link"
14
+ <a attr="href:url; title:name" text="name" class="channel-link"
15
15
  data-channel-id=""
16
16
  data-channel-name=""
17
17
  data-channel-topic=""
@@ -23,8 +23,9 @@
23
23
  </template>
24
24
  {{#each channels}}
25
25
  <li data-key="{{channel_id}}" class="channel-item {{className}}" cls="className" draggable="true">
26
- <a attr="href:url" text="name" class="channel-link"
26
+ <a attr="href:url; title:name" text="name" class="channel-link"
27
27
  href="{{base}}/channels/{{channel_id}}"
28
+ title="{{name}}"
28
29
  data-channel-id="{{channel_id}}"
29
30
  data-channel-name="{{name}}"
30
31
  data-channel-topic="{{topic}}"
package/pages/public/themes/base.css CHANGED
@@ -92,15 +92,19 @@ details summary {
92
92
  color: var(--text-secondary);
93
93
  text-decoration: none;
94
94
  flex: 1;
95
+ min-width: 0;
95
96
  height: 2.3rem;
96
- display: flex;
97
- align-items: center;
97
+ display: block;
98
+ line-height: 2.3rem;
98
99
  padding-left: .7rem;
99
100
  padding-right: .7rem;
100
101
  user-select: none;
101
102
  -webkit-user-select: none;
102
103
  -webkit-touch-callout: none;
103
104
  transition: color var(--transition), background var(--transition);
105
+ overflow: hidden;
106
+ white-space: nowrap;
107
+ text-overflow: ellipsis;
104
108
  }
105
109
 
106
110
  .channel-item a:hover {
@@ -585,7 +589,8 @@ details summary {
585
589
  .message-text { grid-column: 1 / -1; grid-row: 2; line-height: 1.5; color: var(--text-primary); word-break: break-word; overflow-wrap: anywhere; }
586
590
  .message-text p { white-space: pre-wrap; margin: 0 0 4px; }
587
591
  .message-text p:last-child { margin-bottom: 0; }
588
- .message-text a { word-break: break-all; }
592
+ .message-text a { word-break: break-all; color: var(--accent); text-decoration: underline; }
593
+ .message-text a:hover { opacity: 0.8; }
589
594
  .message-text h1,.message-text h2,.message-text h3,.message-text h4 { margin: 8px 0 4px; font-weight: 600; line-height: 1.3; }
590
595
  .message-text h1 { font-size: 1.3em; }
591
596
  .message-text h2 { font-size: 1.15em; }