[Plugin] FolderView

[Mattaton]

15 minutes ago, Masterwishx said:

yea also changed to --container-logo-scale-hov

Excellent. I updated all three themes on the repo with these changes.

[Masterwishx]

On 6/5/2024 at 6:06 PM, Mattaton said:

Excellent. I updated all three themes on the repo with these changes

 

Also updated same way dashboard and Folder icons in docker page : 

 

/*************************************************/
/* FOLDER LOGO ICON HOVER EFFECTS */
/*************************************************/
.folder-outer img.img {  
  /* Desaturate folder image */
  filter: saturate(var(--folder-logo-saturation));
  /* Add a transition for smooth scaling */
  transition: transform 0.3s ease;
}
.folder-outer img.img:hover {
  /* Saturate folder image on hover - Values above 1 will further saturate */
  filter: saturate(var(--folder-logo-saturation-hov));
  /* Scale the image on hover */
  transform: scale(var(--folder-logo-size-hov));
}

 

Edited June 6 by Masterwishx
changed to this code

[Mattaton]

24 minutes ago, Masterwishx said:

 

Also updated same way dashboard and Folder icons in docker page : 

 

/* Folder image */
.folder-outer img.img {
  width: var(--folder-logo-size);
  height: var(--folder-logo-size);
  margin-right: var(--folder-logo-mrgright);
  /* Desaturate folder image */
  filter: saturate(var(--folder-logo-saturation));
  /* Add a transition for smooth scaling */
  transition: transform 0.3s ease;
}
.folder-outer img.img:hover {
  /* Saturate folder image on hover - Values above 1 will further saturate */
  filter: saturate(var(--folder-logo-saturation-hov));
  /* Scale the image on hover */
  transform: scale(var(--folder-logo-size-hov));
}

 

Nice! Since we have now moved the ability to disable the image saturation to the vars file for easy access, I think I should probably move the rules for the container image into the organized grouping/flow of the CSS file instead of having it at the very top.
More like how the rules are for the folder icon/image (that you show above) are organized with other rules for that area.