Skip to content

Commit 347e66c

Browse files
childeYinchildeYin
committed
fix url css
1 parent 1a10074 commit 347e66c

3 files changed

Lines changed: 30 additions & 9 deletions

File tree

‎src/public/css/zaly_msg.css‎

Lines changed: 25 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -959,19 +959,41 @@ html, body{
959959
line-height:2.08rem;
960960
}
961961

962-
.text-align-left {
962+
.text-align-left,
963+
.text-align-right{
963964
text-align: left;
964965
position:relative;
965966
word-break: break-all;
966967
}
967-
.text-align-left pre,
968-
.text-align-right pre{
968+
969+
.text-align-left-text pre,
970+
.text-align-right-text pre{
969971
margin:0px;
970972
padding:0px;
971973
display: inline;
972974
white-space: pre-wrap;
973975
}
974976

977+
.text-align-left-text pre a,
978+
.text-align-left-text pre a:hover,
979+
.text-align-left-text pre a:visited {
980+
font-size:1.31rem;
981+
font-family:PingFangSC-Regular;
982+
font-weight:400;
983+
/*color:rgba(255,255,255,1);*/
984+
color: #FFAF5D;
985+
}
986+
987+
.text-align-right-text pre a,
988+
.text-align-right-text pre a:hover,
989+
.text-align-right-text pre a:visited {
990+
font-size:1.31rem;
991+
font-family:PingFangSC-Regular;
992+
font-weight:400;
993+
color:rgba(48,165,255,1);
994+
}
995+
996+
975997
.text-align-right {
976998
text-align: right;
977999
word-break: break-all;

‎src/public/js/im/zalyMsg.js‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -950,7 +950,6 @@ function base64ToBlob(base64, mime)
950950
return new Blob(byteArrays, {type: mime});
951951
}
952952

953-
954953
//replace \n from html
955954
function trimMsgContentBr(html)
956955
{

‎src/views/base/template_msg.php‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -84,15 +84,15 @@
8484

8585

8686
<script id="tpl-send-msg-text" type="text/html">
87-
<div class="msg-row msg-right msg-text msg-id-{{msgId}}" > <div class="msg-avatar"> {{if userAvatarSrc}}<img class="user-info-avatar info-avatar-{{userId}}" src="{{userAvatarSrc}}" />{{else}}<img class="user-info-avatar info-avatar-{{userId}}" src="../../public/img/msg/default_user.png" />{{/if}} </div> <div class="right-msg-body text-align-right" > <div class="msg_status" style="margin-top: 1rem;"> <div class="msg-content hint--bottom" aria-label="{{msgTime}}"> <div class="text-align-left msgContent"><pre>{{msgContent}}</pre></div> </div> {{ if msgStatus == "MessageStatusSending"}} <div class="showbox msg_status_loading msg_status_loading_{{msgId}}" sendTime="{{timeServer}}" msgId="{{msgId}}" is-display="yes"> <div class="loader"> <svg class="circular" viewBox="25 25 50 50"> <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"/> </svg> </div> </div> <div class="msg_status_img msg_status_failed_{{msgId}}" msgId="{{msgId}}" > <img src="../../public/img/msg/msg_failed.png"> </div> {{ else if msgStatus == "MessageStatusFailed"}} <div class="msg_status_img msg_status_failed_{{msgId}}" msgId="{{msgId}}" style="display: flex;"> <img src="../../public/img/msg/msg_failed.png"> </div> {{/if}} </div> </div> </div>
87+
<div class="msg-row msg-right msg-text msg-id-{{msgId}}" > <div class="msg-avatar"> {{if userAvatarSrc}}<img class="user-info-avatar info-avatar-{{userId}}" src="{{userAvatarSrc}}" />{{else}}<img class="user-info-avatar info-avatar-{{userId}}" src="../../public/img/msg/default_user.png" />{{/if}} </div> <div class="right-msg-body text-align-right" > <div class="msg_status" style="margin-top: 1rem;"> <div class="msg-content hint--bottom" aria-label="{{msgTime}}"> <div class="text-align-left msgContent text-align-left-text"><pre>{{msgContent}}</pre></div> </div> {{ if msgStatus == "MessageStatusSending"}} <div class="showbox msg_status_loading msg_status_loading_{{msgId}}" sendTime="{{timeServer}}" msgId="{{msgId}}" is-display="yes"> <div class="loader"> <svg class="circular" viewBox="25 25 50 50"> <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"/> </svg> </div> </div> <div class="msg_status_img msg_status_failed_{{msgId}}" msgId="{{msgId}}" > <img src="../../public/img/msg/msg_failed.png"> </div> {{ else if msgStatus == "MessageStatusFailed"}} <div class="msg_status_img msg_status_failed_{{msgId}}" msgId="{{msgId}}" style="display: flex;"> <img src="../../public/img/msg/msg_failed.png"> </div> {{/if}} </div> </div> </div>
8888
</script>
8989

9090
<script id="tpl-send-msg-audio" type="text/html">
9191
<div class="msg-row msg-right msg-text msg-id-{{msgId}}" > <div class="msg-avatar"> {{if userAvatarSrc}}<img class="user-info-avatar info-avatar-{{userId}}" src="{{userAvatarSrc}}" />{{else}}<img class="user-info-avatar info-avatar-{{userId}}" src="../../public/img/msg/default_user.png" />{{/if}} </div> <div class="right-msg-body text-align-right" > <div class="msg_status" style="margin-top: 1rem;"> <div class="msg-content hint--bottom" aria-label="{{msgTime}}"> <div class="text-align-left msgContent"> [你发了一条语音消息，<span style="color: #FFAF5D;cursor: pointer"onclick="displayDownloadApp()">下载客户端</span>收听语音消息吧！] </div> </div> {{ if msgStatus == "MessageStatusSending"}} <div class="showbox msg_status_loading msg_status_loading_{{msgId}}" sendTime="{{timeServer}}" msgId="{{msgId}}" is-display="yes"> <div class="loader"> <svg class="circular" viewBox="25 25 50 50"> <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"/> </svg> </div> </div> <div class="msg_status_img msg_status_failed_{{msgId}}" msgId="{{msgId}}" > <img src="../../public/img/msg/msg_failed.png"> </div> {{ else if msgStatus == "MessageStatusFailed"}} <div class="msg_status_img msg_status_failed_{{msgId}}" msgId="{{msgId}}" style="display: flex;"> <img src="../../public/img/msg/msg_failed.png"> </div> {{/if}} </div> </div> </div>
9292
</script>
9393

9494
<script id="tpl-send-msg-default" type="text/html">
95-
<div class="msg-row msg-right msg-text msg-id-{{msgId}}" > <div class="msg-avatar"> {{if userAvatarSrc}}<img class="user-info-avatar info-avatar-{{userId}}" src="{{userAvatarSrc}}" />{{else}}<img class="user-info-avatar info-avatar-{{userId}}" src="../../public/img/msg/default_user.png" />{{/if}} </div> <div class="right-msg-body text-align-right" > <div class="msg_status" style="margin-top: 1rem;"> <div class="msg-content hint--bottom" aria-label="{{msgTime}}"> <div class="text-align-left msgContent">{{msgContent}}</div> </div> {{ if msgStatus == "MessageStatusSending"}} <div class="showbox msg_status_loading msg_status_loading_{{msgId}}" sendTime="{{timeServer}}" msgId="{{msgId}}" is-display="yes"> <div class="loader"> <svg class="circular" viewBox="25 25 50 50"> <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"/> </svg> </div> </div> <div class="msg_status_img msg_status_failed_{{msgId}}" msgId="{{msgId}}" > <img src="../../public/img/msg/msg_failed.png"> </div> {{ else if msgStatus == "MessageStatusFailed"}} <div class="msg_status_img msg_status_failed_{{msgId}}" msgId="{{msgId}}" style="display: flex;"> <img src="../../public/img/msg/msg_failed.png"> </div> {{/if}} </div> </div> </div>
95+
<div class="msg-row msg-right msg-text msg-id-{{msgId}}" > <div class="msg-avatar"> {{if userAvatarSrc}}<img class="user-info-avatar info-avatar-{{userId}}" src="{{userAvatarSrc}}" />{{else}}<img class="user-info-avatar info-avatar-{{userId}}" src="../../public/img/msg/default_user.png" />{{/if}} </div> <div class="right-msg-body text-align-right" > <div class="msg_status" style="margin-top: 1rem;"> <div class="msg-content hint--bottom" aria-label="{{msgTime}}"> <div class="text-align-left msgContent text-align-left-text">{{msgContent}}</div> </div> {{ if msgStatus == "MessageStatusSending"}} <div class="showbox msg_status_loading msg_status_loading_{{msgId}}" sendTime="{{timeServer}}" msgId="{{msgId}}" is-display="yes"> <div class="loader"> <svg class="circular" viewBox="25 25 50 50"> <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"/> </svg> </div> </div> <div class="msg_status_img msg_status_failed_{{msgId}}" msgId="{{msgId}}" > <img src="../../public/img/msg/msg_failed.png"> </div> {{ else if msgStatus == "MessageStatusFailed"}} <div class="msg_status_img msg_status_failed_{{msgId}}" msgId="{{msgId}}" style="display: flex;"> <img src="../../public/img/msg/msg_failed.png"> </div> {{/if}} </div> </div> </div>
9696
</script>
9797

9898
<script id="tpl-send-msg-web" type="text/html">
@@ -251,17 +251,17 @@
251251

252252

253253
<script id="tpl-receive-msg-text" type="text/html">
254-
<div class="msg-row msg-left msg-text msg-id-{{msgId}}"> <div class="msg-avatar "> <img class="{{groupUserImg}} user-info-avatar info-avatar-{{userId}}" src="../../public/img/msg/default_user.png" userId="{{userId}}" msgId="{{msgId}}"/> </div> <div class="right-msg-body text-align-left" > {{if roomType == "MessageRoomGroup"}} <div class="msg-nickname-time"> <div class="msg-nickname nickname_{{userId}}">{{nickname}}</div> </div> <div class="msg-content hint--bottom" aria-label="{{msgTime}}"> {{else}} <div class="msg-content hint--bottom" aria-label="{{msgTime}}" style="margin-top: 1rem;"> {{/if}} <div class="text-align-left msgContent"><pre>{{msgContent}}</div> </div> </div> </div>
254+
<div class="msg-row msg-left msg-text msg-id-{{msgId}}"> <div class="msg-avatar "> <img class="{{groupUserImg}} user-info-avatar info-avatar-{{userId}}" src="../../public/img/msg/default_user.png" userId="{{userId}}" msgId="{{msgId}}"/> </div> <div class="right-msg-body text-align-left" > {{if roomType == "MessageRoomGroup"}} <div class="msg-nickname-time"> <div class="msg-nickname nickname_{{userId}}">{{nickname}}</div> </div> <div class="msg-content hint--bottom" aria-label="{{msgTime}}"> {{else}} <div class="msg-content hint--bottom" aria-label="{{msgTime}}" style="margin-top: 1rem;"> {{/if}} <div class="text-align-left msgContent text-align-right-text"><pre>{{msgContent}}</div> </div> </div> </div>
255255
</script>
256256

257257

258258
<script id="tpl-receive-msg-audio" type="text/html">
259-
<div class="msg-row msg-left msg-text msg-id-{{msgId}}"> <div class="msg-avatar "> <img class="{{groupUserImg}} user-info-avatar info-avatar-{{userId}}" src="../../public/img/msg/default_user.png" userId="{{userId}}" msgId="{{msgId}}"/> </div> <div class="right-msg-body text-align-left" > {{if roomType == "MessageRoomGroup"}} <div class="msg-nickname-time"> <div class="msg-nickname nickname_{{userId}}">{{nickname}}</div> </div> <div class="msg-content hint--bottom" aria-label="{{msgTime}}"> {{else}} <div class="msg-content hint--bottom" aria-label="{{msgTime}}" style="margin-top: 1rem;"> {{/if}} <div class="text-align-left msgContent">[你收到一条语音消息，<span style="color: #4C3BB1;cursor: pointer" onclick="displayDownloadApp()">下载客户端</span>收听语音消息吧！]</div> </div> </div> </div>
259+
<div class="msg-row msg-left msg-text msg-id-{{msgId}}"> <div class="msg-avatar "> <img class="{{groupUserImg}} user-info-avatar info-avatar-{{userId}}" src="../../public/img/msg/default_user.png" userId="{{userId}}" msgId="{{msgId}}"/> </div> <div class="right-msg-body text-align-left" > {{if roomType == "MessageRoomGroup"}} <div class="msg-nickname-time"> <div class="msg-nickname nickname_{{userId}}">{{nickname}}</div> </div> <div class="msg-content hint--bottom" aria-label="{{msgTime}}"> {{else}} <div class="msg-content hint--bottom" aria-label="{{msgTime}}" style="margin-top: 1rem;"> {{/if}} <div class="text-align-left msgContent text-align-right-text">[你收到一条语音消息，<span style="color: #4C3BB1;cursor: pointer" onclick="displayDownloadApp()">下载客户端</span>收听语音消息吧！]</div> </div> </div> </div>
260260
</script>
261261

262262

263263
<script id="tpl-receive-msg-default" type="text/html">
264-
<div class="msg-row msg-left msg-text msg-id-{{msgId}}"> <div class="msg-avatar "> <img class="{{groupUserImg}} user-info-avatar info-avatar-{{userId}}" src="../../public/img/msg/default_user.png" userId="{{userId}}" msgId="{{msgId}}"/> </div> <div class="right-msg-body text-align-left" > {{if roomType == "MessageRoomGroup"}} <div class="msg-nickname-time"> <div class="msg-nickname nickname_{{userId}}">{{nickname}}</div> </div> <div class="msg-content hint--bottom" aria-label="{{msgTime}}"> {{else}} <div class="msg-content hint--bottom" aria-label="{{msgTime}}" style="margin-top: 1rem;"> {{/if}} <div class="text-align-left msgContent">{{msgContent}}</div> </div> </div> </div>
264+
<div class="msg-row msg-left msg-text msg-id-{{msgId}}"> <div class="msg-avatar "> <img class="{{groupUserImg}} user-info-avatar info-avatar-{{userId}}" src="../../public/img/msg/default_user.png" userId="{{userId}}" msgId="{{msgId}}"/> </div> <div class="right-msg-body text-align-left" > {{if roomType == "MessageRoomGroup"}} <div class="msg-nickname-time"> <div class="msg-nickname nickname_{{userId}}">{{nickname}}</div> </div> <div class="msg-content hint--bottom" aria-label="{{msgTime}}"> {{else}} <div class="msg-content hint--bottom" aria-label="{{msgTime}}" style="margin-top: 1rem;"> {{/if}} <div class="text-align-left msgContent text-align-right-text">{{msgContent}}</div> </div> </div> </div>
265265
</script>
266266

267267
<script id="tpl-chatSession" type="text/html">

0 commit comments

Comments
 (0)