GithubHelp home page GithubHelp logo

Comments (9)

nls1729 avatar nls1729 commented on June 8, 2024

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.

jcuenod avatar jcuenod commented on June 8, 2024

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.

nls1729 avatar nls1729 commented on June 8, 2024

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.

jcuenod avatar jcuenod commented on June 8, 2024

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.

nls1729 avatar nls1729 commented on June 8, 2024

[email protected]

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.

jcuenod avatar jcuenod commented on June 8, 2024

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.

nls1729 avatar nls1729 commented on June 8, 2024

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]

from acme-code.

jcuenod avatar jcuenod commented on June 8, 2024

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.

nls1729 avatar nls1729 commented on June 8, 2024

I am closing this issue. Let me know if all is not well.

from acme-code.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.