Comments (9)
Currently I am very busy and don't have any free time to modify extensions. It will probably be two or three months before my free time returns. The change you suggested is fairly simple to execute but involves more coding to add to the preferences UI than to the main part of the extension. With that said, you can make a simple change to the extension.js to get the shadow. For an explanation of the CSS element that you will add to the code see:
http://www.w3schools.com/cssref/css3_pr_box-shadow.asp
To edit the extension.js file:
Find the line "let backgroundStyle =".
The original code will be:
let backgroundStyle = 'background-color: rgba(' + colorString + ',' + this._panelOpacity.toString() + ')';
Change it to:
let backgroundStyle = 'background-color: rgba(' + colorString + ',' + this._panelOpacity.toString() + ')' + '; box-shadow: 0px 10px 20px rgba(0,0,0,0.9);';
For a black shadow.
OR
let backgroundStyle = 'background-color: rgba(' + colorString + ',' + this._panelOpacity.toString() + ')' + '; box-shadow: 0px 10px 20px rgba(255,255,255,0.9);';
For a white shadow.
You can use a program like Gcolor2 to find the rgba values you might want to use.
Please note the extension's Transparency setting should be 0 or very low since the alpha setting of the background will affect the shadow box alpha.
You can experiment to get the appearance you want.
I will leave this issue open until I have time to deal with it completely.
I hope this information will be useful to you.
Let me know how it goes.
from acme-code.
Thanks, if I have time I will fork and put together a pull request but that doesn't look promising in the next month.
from acme-code.
I needed a break so I found a few hours over the weekend to work on the shadow feature. I have some translations to do to finish it. I should complete it this weekend. The shadow will have the following configurable settings: color, transparency, vertical length, blur radius and spread radius. It turned out to look pretty good.
from acme-code.
Great to hear. Thanks for your work on this!
On Feb 23 2016, at 2:35 pm, Norman L. Smith <[email protected]>
wrote:I needed a break so I found a few hours over the weekend to work on the
shadow feature. I have some translations to do to finish it. I should complete
it this weekend. The shadow will have the following configurable settings:
color, transparency, vertical length, blur radius and spread radius. It turned
out to look pretty good.—
Reply to this email directly or [view it on GitHub](https://github.com/nls1729
/acme-code/issues/6#issuecomment-187890791).![](https://github.com/notificatio
ns/beacon/AEDovBTWbWXLqm63Ws9cSLiXklYqQF7Xks5pnLn4gaJpZM4Hbhth.gif)
from acme-code.
Attached is a zip file you can install and try out. If you find it acceptable I will push it to here and upload a it to the Gnome Shell Extension website.
from acme-code.
This looks great.
One thing though is that when you change the colour, the transparency is reset
to 0.
On Feb 25 2016, at 11:25 am, Norman L. Smith
<[email protected]> wrote:[[email protected]](https://github.com/nls1729/acme-
code/files/146999/activities-config.nls1729.zip)Attached is a zip file you can install and try out. If you find it
acceptable I will push it to here and upload a it to the Gnome Shell Extension
website.—
Reply to this email directly or [view it on GitHub](https://github.com/nls1729
/acme-code/issues/6#issuecomment-188889768).![](https://github.com/notificatio
ns/beacon/AEDovKId3SXiCq2g7W1GD6-2LofaqrNrks5pnzBwgaJpZM4Hbhth.gif)
from acme-code.
I changed the preferences to not set the transparency to 0 for both the panel background and the shadow on color change.
I found some very ugly results with the interaction of the shadow and the max window effect. If a window is maximized when no max window effect is enabled the shadow remains and looks OK. If the background changes color to opaque black or if the background has transparency and changes to opaque the shadow is affected. It becomes too intense and looks bad on the top of the maximized window. I changed it to remove the shadow while an opaque max window effect is applied. Take a look at the attached. Let me know how it goes.
from acme-code.
Okay, I'm using this extension in conjunction with "Hide Top Bar" and I've
modified my theme to do kind what Maximus used to do (in other words my
maximized windows look different and the top bar is hidden by default when I
maximize them). I'll give it a go though. Thanks.
On Feb 26 2016, at 2:53 pm, Norman L. Smith <[email protected]>
wrote:I changed the preferences to not set the transparency to 0 for both the
panel background and the shadow on color change.I found some very ugly results with the interaction of the shadow and the
max window effect. If a window is maximized when no max window effect is
enabled the shadow remains and looks OK. If the background changes color to
opaque black or if the background has transparency and changes to opaque the
shadow is affected. It becomes too intense and looks bad on the top of the
maximized window. I changed it to remove the shadow while an opaque max window
effect is applied. Take a look at the attached. Let me know how it goes.[[email protected]](https://github.com/nls1729/acme-
code/files/148897/activities-config.nls1729.zip)—
Reply to this email directly or [view it on GitHub](https://github.com/nls1729
/acme-code/issues/6#issuecomment-189479641).![](https://github.com/notificatio
ns/beacon/AEDovIyfNn14nWTzzudQFxd7JE6GgLPhks5poLLMgaJpZM4Hbhth.gif)
from acme-code.
I am closing this issue. Let me know if all is not well.
from acme-code.
Related Issues (20)
- 3.34 Support HOT 11
- With Fedora 31 (more recent Gnome version), it interferes with application keyboard use HOT 2
- Update github.io for your latest releases HOT 4
- Close button on warning message doesn't work HOT 3
- Do not disturb doesn't hide notifications HOT 8
- Suggestion: show applicaitons HOT 1
- GNOME 3.36 compatibility for activities-config HOT 13
- Activities Configurator shows "Activities" on new GNOME 3.36 lock screen HOT 13
- Question - remove extensions HOT 5
- Activities Configurator - Randomly reenable hot corners HOT 4
- How so you install the Activities Configurator Manually from Github? HOT 1
- Feature request - ability to reload enabled extensions HOT 7
- Not working on pop_os 20.04 since last update HOT 6
- Dash to Panel Compatiablity (Activities Configurator) HOT 1
- Extension reloader: Error message unreadable HOT 3
- Activities Configurator 89 incompatible with GNOME 40 HOT 2
- Do Not Disturb Button 39 is incompatible with GNOME 40 HOT 2
- Support for GNOME 40 in Activities Configurator Extension HOT 3
- Extension settings won't open | Ubuntu 21.10 Impish Indri | Gnome 40.4.0 HOT 1
- fedora 35 - doesn't work at all HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from acme-code.