Merge pull request #33 from ixian-platform/jaka/fix/styles

fix: recipients list flex wrap unset, online status style fix

Author: IxiAngel

Spixi/Resources/Raw/html/css/spixiui-dark.css

@@ -4773,21 +4773,18 @@ img.emoji {
 .spixi-contact-details-avatar-online {
     border: 2px solid var(--colors-icon-success);
     animation: onlinePulse 1.8s infinite ease-in-out;
-    transition: border-width 0.3s ease;
+    backface-visibility: hidden;
 }
 
 @keyframes onlinePulse {
     0% {
         border-width: 2px;
-        box-shadow: 0 0 0 0 rgba(0, 255, 0, 0.5);
     }
     50% {
         border-width: 4px;
-        box-shadow: 0 0 4px 2px rgba(0, 255, 0, 0.2);
     }
     100% {
         border-width: 2px;
-        box-shadow: 0 0 0 0 rgba(0, 255, 0, 0.5);
     }
 }
 

Spixi/Resources/Raw/html/css/spixiui-light.css

@@ -4744,21 +4744,18 @@ img.emoji {
 .spixi-contact-details-avatar-online{
     border: 2px solid var(--colors-icon-success);
     animation: onlinePulse 1.8s infinite ease-in-out;
-    transition: border-width 0.3s ease;
+    backface-visibility: hidden;
 }
 
 @keyframes onlinePulse {
     0% {
         border-width: 2px;
-        box-shadow: 0 0 0 0 rgba(0, 255, 0, 0.5);
     }
     50% {
         border-width: 4px;
-        box-shadow: 0 0 4px 2px rgba(0, 255, 0, 0.2);
     }
     100% {
         border-width: 2px;
-        box-shadow: 0 0 0 0 rgba(0, 255, 0, 0.5);
     }
 }
 

Spixi/Resources/Raw/html/index.html

@@ -276,7 +276,7 @@
 
 <!-- Tabbar -->
 <div id="footer" class="fixed-bottom spixi-footer">
-    <div class="" style="width:90%; margin: auto;">
+    <div class="" style="width:98%; margin: auto;">
         <ul class="nav nav-tabs row no-gutters spixi-footer-row">
             <li id="tab1" class="col-3 spixi-tab">
                 <a data-toggle="tab" href="#chats" class="spixi-tab-pad">

Spixi/Resources/Raw/html/wallet_recipient.html

@@ -182,7 +182,7 @@
             var contactEntry = document.createElement("div");
             contactEntry.className = "spixi-list-item";
             //contactEntry.innerHTML = '<a href="javascript:selectRecipient(\'' + wal + '\')"><div class="row" id="row' + wal + '"><div class="col-2 spixi-list-item-left"><img class="spixi-list-item-avatar" src="' + avatar + '"/></div><div class="col-8 spixi-list-item-center"><div class="spixi-list-item-title-center">' + name + '</div></div><div class="col-2 spixi-list-item-right"><i class="fa fa-square spixi-list-item-action-icon"></i></div></div></a>';
-            contactEntry.innerHTML = '<a href="javascript:selectSingleRecipient(\'' + wal + '\')"><div class="row" id="row' + wal + '"><div class="col-2 spixi-list-item-left"><img class="spixi-list-item-avatar" src="' + avatar + '"/></div><div class="col-10 spixi-list-item-center"><div class="spixi-list-item-title-center">' + name + '</div></div></div></a>';
+            contactEntry.innerHTML = '<a href="javascript:selectSingleRecipient(\'' + wal + '\')"><div class="row" style="flex-wrap: unset" id="row' + wal + '"><div class="col-2 spixi-list-item-left"><img class="spixi-list-item-avatar" src="' + avatar + '"/></div><div class="col-10 spixi-list-item-center"><div class="spixi-list-item-title-center">' + name + '</div></div></div></a>';
 
             contactsNode.appendChild(contactEntry);
         }