Transparent Speed Dial Folders
-
I made my speed dial thumbnails transparent, but how can I make my speed dial folder transparent?
-
@pesala You might wanna rephrase that?
-
Oh, speed dial folders are set just like speed dials. I set opacity like this on startpage.
.dials.speeddial .thumbnail { opacity: 0.6; } .dials.speeddial .thumbnail:hover { opacity: 0.8; }
If you only want to influence the folders, you have to specify that. For example:
.dials.speeddial .draggable.dial.folder .thumbnail { opacity: 0.6; }
-
@luetage That does not work as desired even with opacity=0.3. I want the folder to disappear, but not the icons.
Isn't there an image that is used for the folder, which can be replaced with a blank PNG or nothing at all.
-
@pesala Try this, I think it should be good for transparent speed dial icons:
.speeddial .dial-columns .folder .thumbnail>.thumbnail-image { background: none !important; } .speeddial .dial-columns .folder .thumbnail .thumbnail-image { box-shadow: none !important; border-width: 0; transition: all 0s ease 0s; } .speeddial .dial-columns .folder .thumbnail .folder-flap { display: none; }
-
@pafflick Thanks. That is perfect.
-
I don't know what happened, but this fix no longer works in the latest snapshot. I still have this code in common.css. The speed dial thumbnails are still transparent, but not the folder thumbnail. The image is transparent too.
.speeddial .dial-columns .folder .thumbnail .thumbnail-image {
box-shadow: none !important;
border-width: 0;
transition: all 0s ease 0s;
}
.speeddial .dial-columns .folder .thumbnail .folder-flap {
display: none;
}If I clear the custom thumbnail, the folder is still not transparent.
-
@pesala Are you using the full code? It looks like you've missed this part:
.speeddial .dial-columns .folder .thumbnail>.thumbnail-image { background: none !important; }
I just checked it and it still works for me in 1.16.1259.3.
-
@pafflick Thanks. I apparently deleted that code from my custom.css which I copy to common.css on every update.
It will be great when we can do this without modifying CSS.
-