Cleanup some CSS

Add animations to the Preview widget
Unify some CSS
Update the dependencies

app/widgets/Chat/chat.js

@@ -1284,7 +1284,7 @@ var Chat = {
     },
     getCardHtml: function(card) {
         var ul = document.createElement('ul');
-        ul.setAttribute('class', 'card list middle noanim');
+        ul.setAttribute('class', 'card list middle noanim shadow');
         ul.innerHTML = card;
 
         if (ul.querySelector('li').getAttribute('onclick')) {

app/widgets/Communities/_communities.tpl

@@ -20,6 +20,4 @@
     </li>
 </ul>
 
-<br />
-
 <div id="communities_posts" class="spin" style="min-height: 30rem;"></div>

app/widgets/ContactActions/_contactactions_drawer.tpl

@@ -28,7 +28,7 @@
                     </span>
                 {/if}
                 {if="!$contact->isMe()"}
-                    <span class="control icon active divided" onclick="ContactActions_ajaxChat('{$contact->id|echapJS}')">
+                    <span class="control icon active divided" onclick="Search.chat('{$contact->id|echapJS}')">
                         <i class="material-icons">comment</i>
                     </span>
                     {if="$roster && $roster->presences->count() > 0"}

app/widgets/Drawer/drawer.css

@@ -34,7 +34,6 @@
 .drawer > section > table,
 .drawer > section > ul.flex {
     margin: 0 auto;
-    padding: 2rem 1.5rem;
 }
 
 .drawer.empty {

app/widgets/Preview/preview.css

@@ -22,6 +22,7 @@
     border-radius: 0.5rem;
     margin-top: -1rem;
     position: relative;
+    animation: zoom 0.3s;
 }
 
 #preview .pinfo {
@@ -44,6 +45,7 @@
     position: absolute;
     bottom: 1rem;
     text-align: center;
+    animation: fadein 0.3s;
 }
 
 #preview .prevnext {

app/widgets/Search/Search.php

@@ -130,7 +130,7 @@ class Search extends Base
             ->notInRoster($this->user->session->id)
             ->orderByPresence()
             ->where('id', '!=', $this->user->id)
-            ->limit(20)
+            ->limit(10)
             ->get();
 
         $view->assign('users', $users);

app/widgets/Snap/snap.css

@@ -6,6 +6,7 @@
     height: 100%;
     z-index: 2;
     display: none;
+    animation: fadein 0.3s;
 }
 
 #snap.upload canvas {
@@ -29,6 +30,7 @@
     background-image: url(../theme/img/movim_cloud.svg);
     background-repeat: no-repeat;
     background-position: center center;
+    animation: zoom 0.3s;
 }
 
 #snap select#snapsource {

composer.lock

@@ -1855,7 +1855,7 @@
         },
         {
             "name": "illuminate/bus",
-            "version": "v8.83.21",
+            "version": "v8.83.22",
             "source": {
                 "type": "git",
                 "url": "https://github.com/illuminate/bus.git",
@@ -1908,7 +1908,7 @@
         },
         {
             "name": "illuminate/collections",
-            "version": "v8.83.21",
+            "version": "v8.83.22",
             "source": {
                 "type": "git",
                 "url": "https://github.com/illuminate/collections.git",
@@ -1962,7 +1962,7 @@
         },
         {
             "name": "illuminate/container",
-            "version": "v8.83.21",
+            "version": "v8.83.22",
             "source": {
                 "type": "git",
                 "url": "https://github.com/illuminate/container.git",
@@ -2013,7 +2013,7 @@
         },
         {
             "name": "illuminate/contracts",
-            "version": "v8.83.21",
+            "version": "v8.83.22",
             "source": {
                 "type": "git",
                 "url": "https://github.com/illuminate/contracts.git",
@@ -2061,7 +2061,7 @@
         },
         {
             "name": "illuminate/database",
-            "version": "v8.83.21",
+            "version": "v8.83.22",
             "source": {
                 "type": "git",
                 "url": "https://github.com/illuminate/database.git",
@@ -2129,7 +2129,7 @@
         },
         {
             "name": "illuminate/events",
-            "version": "v8.83.21",
+            "version": "v8.83.22",
             "source": {
                 "type": "git",
                 "url": "https://github.com/illuminate/events.git",
@@ -2184,7 +2184,7 @@
         },
         {
             "name": "illuminate/macroable",
-            "version": "v8.83.21",
+            "version": "v8.83.22",
             "source": {
                 "type": "git",
                 "url": "https://github.com/illuminate/macroable.git",
@@ -2230,7 +2230,7 @@
         },
         {
             "name": "illuminate/pipeline",
-            "version": "v8.83.21",
+            "version": "v8.83.22",
             "source": {
                 "type": "git",
                 "url": "https://github.com/illuminate/pipeline.git",
@@ -2278,7 +2278,7 @@
         },
         {
             "name": "illuminate/support",
-            "version": "v8.83.21",
+            "version": "v8.83.22",
             "source": {
                 "type": "git",
                 "url": "https://github.com/illuminate/support.git",
@@ -2702,16 +2702,16 @@
         },
         {
             "name": "monolog/monolog",
-            "version": "2.7.0",
+            "version": "2.8.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/Seldaek/monolog.git",
-                "reference": "5579edf28aee1190a798bfa5be8bc16c563bd524"
+                "reference": "720488632c590286b88b80e62aa3d3d551ad4a50"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/Seldaek/monolog/zipball/5579edf28aee1190a798bfa5be8bc16c563bd524",
-                "reference": "5579edf28aee1190a798bfa5be8bc16c563bd524",
+                "url": "https://api.github.com/repos/Seldaek/monolog/zipball/720488632c590286b88b80e62aa3d3d551ad4a50",
+                "reference": "720488632c590286b88b80e62aa3d3d551ad4a50",
                 "shasum": ""
             },
             "require": {
@@ -2731,11 +2731,10 @@
                 "guzzlehttp/psr7": "^2.2",
                 "mongodb/mongodb": "^1.8",
                 "php-amqplib/php-amqplib": "~2.4 || ^3",
-                "php-console/php-console": "^3.1.3",
                 "phpspec/prophecy": "^1.15",
                 "phpstan/phpstan": "^0.12.91",
                 "phpunit/phpunit": "^8.5.14",
-                "predis/predis": "^1.1",
+                "predis/predis": "^1.1 || ^2.0",
                 "rollbar/rollbar": "^1.3 || ^2 || ^3",
                 "ruflin/elastica": "^7",
                 "swiftmailer/swiftmailer": "^5.3|^6.0",
@@ -2755,7 +2754,6 @@
                 "graylog2/gelf-php": "Allow sending log messages to a GrayLog2 server",
                 "mongodb/mongodb": "Allow sending log messages to a MongoDB server (via library)",
                 "php-amqplib/php-amqplib": "Allow sending log messages to an AMQP server using php-amqplib",
-                "php-console/php-console": "Allow sending log messages to Google Chrome",
                 "rollbar/rollbar": "Allow sending log messages to Rollbar",
                 "ruflin/elastica": "Allow sending log messages to an Elastic Search server"
             },
@@ -2790,7 +2788,7 @@
             ],
             "support": {
                 "issues": "https://github.com/Seldaek/monolog/issues",
-                "source": "https://github.com/Seldaek/monolog/tree/2.7.0"
+                "source": "https://github.com/Seldaek/monolog/tree/2.8.0"
             },
             "funding": [
                 {
@@ -2802,7 +2800,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-06-09T08:59:12+00:00"
+            "time": "2022-07-24T11:55:47+00:00"
         },
         {
             "name": "nesbot/carbon",

public/theme/css/block.css

@@ -1,6 +1,7 @@
 .flex {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
+    padding: 1rem;
 }
 
 .flex.card {

public/theme/css/color.css

@@ -30,6 +30,7 @@ body {
 body > *,
 .context_menu,
 .icon-text,
+.tabs a,
 input, textarea, select {
     color: rgba(var(--movim-font), 0.87);
 }
@@ -48,7 +49,6 @@ ul.list li span.control.divided:before {
 }
 
 label, span.info,
-.tabs a,
 table tr th {
     color: rgba(var(--movim-font), 0.54);
 }
@@ -71,15 +71,19 @@ table tr th {
 .color.dark hr {
     border-color: rgba(255, 255, 255, 0.05);
 }
-
+/*
 body > nav > ul.list.active li.active:before {
-    background-color: rgba(var(--movim-element-action), 0.1);
+    background-color: rgba(var(--movim-element-action), 0.08);
 }
 
-body > nav > ul.list.active li:not(.active):hover:before {
-    background-color: rgba(var(--movim-element-action), 0.05);
+body > nav > ul.list.active li:not(.active):active:before {
+    background-color: rgba(var(--movim-element-action), 0.08);
 }
 
+body > nav > ul.list.active li:not(.active):hover:before {
+    background-color: rgba(var(--movim-element-action), 0.04);
+}*/
+
 ul li.date > div > p.normal,
 .dialog, .drawer, ul.context_menu,
 ul li div.bubble:not(.sticker):not(.file),

public/theme/css/listn.css

@@ -57,18 +57,7 @@ ul.list li.active:hover,
 ul.list.active li.active:not(.subheader),
 ul.tabs > li:hover,
 ul.list li > span:not(.color).active:hover {
-    background-color: rgba(var(--movim-font), 0.04);
-    cursor: pointer;
-}
-
-/* Navigation exceptions */
-body > nav > ul.list.active li.active:not(.subheader),
-body > nav > ul.list.active li:hover:not(.subheader) {
-    background-color: transparent;
-}
-
-ul.list li > span.color.active:hover {
-    opacity: 0.8;
+    background-color: rgba(var(--movim-element-action), 0.1);
     cursor: pointer;
 }
 
@@ -78,7 +67,7 @@ ul.list.active li:active:not(.subheader),
 ul.list.active.all li:active,
 ul.tabs > li:active,
 ul.list li > span:not(.color).active:active {
-    background-color: rgba(var(--movim-font), 0.08);
+    background-color: rgba(var(--movim-element-action), 0.2);
 }
 
 ul.list li > span.color.active:active {
@@ -432,7 +421,7 @@ ul li div.bubble span.info {
 }
 
 ul li div.bubble.file span.info {
-    margin-top: 1rem;
+    /*margin-top: 0.25rem;*/
 }
 
 ul li div.bubble span.info:empty:before {

public/theme/css/menu.css

@@ -22,32 +22,6 @@ body > nav > ul.list li > p:nth-last-of-type(2) + p {
     color: gray;
 }
 
-body > nav > ul.list.active li:before {
-    content: '';
-    display: block;
-    transition: background-color 0.3s ease;
-    position: absolute;
-    top: 0.45rem;
-    left: 0.6rem;
-    width: calc(100% - 1.25rem);
-    height: calc(100% - 0.9rem);
-    border-radius: 0.5rem;
-}
-
-@media screen and (min-width: 1025px) {
-    body > nav > ul.list.active li > span.primary > i {
-        transition: opacity .2s linear;
-    }
-
-    /* Disable the colored background */
-    body > nav > ul.list.active li:hover:not(.subheader),
-    body:not(.nightmode) > nav.color.dark > ul.list.active li:hover:not(.subheader),
-    body > nav > ul.list.active li.active:not(.subheader),
-    body:not(.nightmode) > nav.color.dark > ul.list.active li.active:not(.subheader) {
-        background-color: transparent;
-    }
-}
-
 ul.oppose {
     position: absolute;
     bottom: 0;
@@ -68,25 +42,33 @@ ul.navigation {
     justify-content:center;
 }
 
-body > nav > ul.list.active li:not(.active):not(:hover) span.primary > i,
-ul.navigation li:not(.active) > span.primary > i {
-    opacity: 0.5;
-}
-
 ul.navigation li {
     text-align: center;
     flex: 1;
     padding: 0.75rem;
     position: relative;
+    transition: background-color 0.15s ease;
 }
 
 ul.navigation li:hover {
-    background-color: rgba(0, 0, 0, 0.1);
+    background-color: rgba(var(--movim-element-action), 0.1);
     cursor: pointer;
 }
 
-ul.navigation li.active > span.primary,
-ul.navigation li:hover > span.primary {
+ul.navigation li:active {
+    background-color: rgba(var(--movim-element-action), 0.2);
+}
+
+body > nav > ul.list.active li span.primary > i,
+ul.navigation li > span.primary > i {
+    transition: opacity 0.15s ease;
+    opacity: 0.5;
+}
+
+body > nav > ul.list.active li.active span.primary > i,
+body > nav > ul.list.active li:not(.active):hover span.primary > i,
+ul.navigation li.active > span.primary > i,
+ul.navigation li:not(.active):hover > span.primary > i {
     opacity: 1;
 }