How to disable the Shimming animation effext in Nextcloud Spreed

Dinesh_R · January 13, 2023, 12:35pm

Hi there, Can anyone help me to disable the Shimming animation effects?

In the Nextcloud Talk, When we switch from one conversation to another or from one tab to another, We can experience the shimmer effect.

Where is the Source for those activities? Because projection has an illusional glass effect on articles, texts, or images. Is an old traditional concept, Also at a particular point user might get bored with such an Effect.
So, Instead of that we can replace various load-balancing animation effects with [ logos & gif ]. We tried to work on it but, Can’t able to find the location of the source.
But we get a lead in Talk mobile and change the illusional glass effect and replace it with a gif logo. Likewise, How to get the source code for the web server?
Or if there’s any other solution please help me. Else if there’s an option to disable that illusion please let me know.

SysKeeper · January 13, 2023, 2:34pm

Not absolutely sure, but I guess they live in the vue lib: nextcloud-vue/src/components at master · nextcloud/nextcloud-vue · GitHub

Dinesh_R · January 17, 2023, 4:38am

@SysKeeper Thanks for your reply, But Vue files don’t have the source of Shimming effect.

SysKeeper · January 17, 2023, 5:55am

github.com

nextcloud/spreed/blob/master/src/components/LoadingPlaceholder.vue

<!--
  - @copyright Copyright (c) 2020 Joas Schilling <coding@schilljs.com>
  -
  - @author Joas Schilling <coding@schilljs.com>
  -
  - @license GNU AGPL version 3 or any later version
  -
  - This program is free software: you can redistribute it and/or modify
  - it under the terms of the GNU Affero General Public License as
  - published by the Free Software Foundation, either version 3 of the
  - License, or (at your option) any later version.
  -
  - This program is distributed in the hope that it will be useful,
  - but WITHOUT ANY WARRANTY; without even the implied warranty of
  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  - GNU Affero General Public License for more details.
  -
  - You should have received a copy of the GNU Affero General Public License
  - along with this program. If not, see <http://www.gnu.org/licenses/>.
-->

This file has been truncated. show original

This is what you’re looking for ?

Dinesh_R · January 17, 2023, 7:34am

@SysKeeper Thanks for Sharing this source. I tried to Work on it But, It didn’t work.
Then I find a lead in the Talk-main.js file.

In the “LoadingPlaceholder.vue” file, They mention the animation effect packages in the class name of place holder. I searched for the class name in the Js file & it Exits there.
Then I disabled the shimmer effect for the conversation list & it’s working now.