It seems that you're using an outdated browser. Some things may not work as they should (or don't work at all).
We suggest you upgrade newer and better browser like: Chrome, Firefox, Internet Explorer or Opera

×
avatar
adaliabooks: And that removes the space and padding as well.
avatar
eiii: Thanks for the pointer! I've resized the menu bar to 40px now. :)

As this is rather off-topic here, is there already a thread somewhere for fiddling around with GOG's CSS?
I'm not sure. I know there are various CSS modifications for the website floating about that different users use but I don't ever remember seeing a thread for it...
I trust the Mozilla Add-on reviewers.

In fact, in the last few months, I've seen a few GitHub commits where, as part of getting their addons approved for Firefox, various Chrome/WebExtensions add-on developers committed changes which check which browser the addon is running under and omit the analytics if it's Firefox.

(Plus, it's not as if Firefox is Chrome, where it ignores the system DNS in order to bypass ad-blocking HOSTS files on sites like YouTube... though I do plan to work around that in my router.)

...that said, I really should look for an alternative repository for the userstyles I maintain. (I don't want to switch to userscripts because, the more declarative you go, the more freedom you give the browser to optimize performance and my load-time performance is poor as-is.)

Post edited April 27, 2017 by ssokolow
avatar
adaliabooks: I'm not sure. I know there are various CSS modifications for the website floating about that different users use but I don't ever remember seeing a thread for it...
Okay, then I put my changes for the menu bar here in case anybody is interested in it. Thanks again for the hints and the help, adaliabooks and Maighstir!

// remove the purple bar above the menu bar, make the menu bar smaller and change the color to a brighter gray
addGlobalStyle('.menu::before { height: 37px; background-image: none !important; background-color: rgba(80, 80, 80, 1.0); }');
addGlobalStyle('.menu { height: 37px; box-shadow: none; }');
addGlobalStyle('.menu__container { padding-top: 0px; }');
addGlobalStyle('.menu__logo { line-height: 37px; padding-top: 0px; }');
addGlobalStyle('.menu-item { line-height: 37px; }');
addGlobalStyle('.menu-link__dropdown-icon { top: 14px; }');
addGlobalStyle('.menu-submenu { top: 37px; }');

Now I only would like to remove the darkening of the page when you access the menu and make the menu faster, but I'm afraid these are javascript functions and I have no clue how to search for them...

Edit: Found the solution in ssokolow's user style.
Post edited April 27, 2017 by eiii
avatar
ssokolow: (I don't want to switch to userscripts because, the more declarative you go, the more freedom you give the browser to optimize performance and my load-time performance is poor as-is.)
Same here. That's a good point. Maybe I'm still going to install Stylish.
avatar
adaliabooks: I'm not sure. I know there are various CSS modifications for the website floating about that different users use but I don't ever remember seeing a thread for it...
avatar
eiii: Okay, then I put my changes for the menu bar here in case anybody is interested in it. Thanks again for the help, adaliabooks!

// remove the purple bar above the menu bar, make the menu bar smaller and change the color to a brighter gray
addGlobalStyle('.menu::before { height: 37px; background-image: none !important; background-color: rgba(80, 80, 80, 1.0); }');
addGlobalStyle('.menu { height: 37px; box-shadow: none; }');
addGlobalStyle('.menu__container { padding-top: 0px; }');
addGlobalStyle('.menu__logo { line-height: 37px; padding-top: 0px; }');
addGlobalStyle('.menu-item { line-height: 37px; }');
addGlobalStyle('.menu-link__dropdown-icon { top: 14px; }');
addGlobalStyle('.menu-submenu { top: 37px; }');
Here's a little something to shove the account dropdown back over to the right side of the bar.

.menu-account {
position: absolute !important;
right: 90px !important;
}

(I don't have time to come up with a more proper way, but it works for my needs.)

avatar
eiii: Now I only would like to remove the darkening of the page when you access the menu and make the menu faster, but I'm afraid these are javascript functions and I have no clue how to search for them...
The fading is actually a CSS animation and you can kill it off like this:

.menu-overlay { display: none !important; }
.menu-submenu, .menu-triangle { animation: none !important; }
.menu-triangle { opacity: 1 !important; }

(I discovered that with minimal fuss by hovering over the menu to make it appear, right-clicking, and then using the arrow keys and Enter to select "Inspect Element" and navigate the DOM inspector.

That'll get you down to just the lag from using JavaScript to show the menu rather than CSS :hover
Post edited April 27, 2017 by ssokolow
avatar
BenKii: With the change to the new UI, I'm no longer able to get notifications for chat or forum replies.

tinyE has also stated the same thing here.
Same for me.

Well, they still work in the totally optional Galaxy client, from what I've heard...
Post edited April 27, 2017 by Klumpen0815
Y'know what? I'll just make my tweaks into userstyles. Here.

* GOG.com - Practical Header Menu Tweak (Un-pin the header and remove the animations)
* GOG.com - Account menu on right
* GOG.com - Center menu triangles

...and there's also this which I use to remove the colored strip but can't take credit for. (Thanks, Maighstir)

.menu::before {
background-image: none !important;
}
Post edited April 27, 2017 by ssokolow
Yay for reply notifications not working...

avatar
ssokolow: The fading is actually a CSS animation and you can kill it off like this:

.menu-overlay { display: none !important; }
.menu-submenu, .menu-triangle { animation: none !important; }
.menu-triangle { opacity: 1 !important; }
Thanks! Works just as it should have worked in the first place...

avatar
ssokolow: I discovered that with minimal fuss by hovering over the menu to make it appear, right-clicking, and then using the arrow keys and Enter to select "Inspect Element" and navigate the DOM inspector.
Sorry, all this web stuff is new to me and I still try to learn how to use it. But I guess I have to learn it quickly as web pages get more and more annoying and I want to be able to fight back.
Okay. I can ALSO confirm no notifications.
Yeah, there is actually no system for notifications in the current menu bar at all so either they are working on implementing it later or have changed or scrapped the system entirely...

Which it is remains to be seen.
high rated
avatar
adaliabooks: Yeah, there is actually no system for notifications in the current menu bar at all so either they are working on implementing it later or have changed or scrapped the system entirely...

Which it is remains to be seen.
Sorry, rolling this out with no working notification system shows some serious lack of sense at prioritisation, imo.

I'm undecided if I'm more annoyed that they killed the notifications, intentionally or by accident, or that they keep mum.
avatar
ssokolow: Y'know what? I'll just make my tweaks into userstyles. Here.

[...] * GOG.com - Account menu on right [...]
Thanks a bunch for this. I was planning on getting to it later today, but you saved me the trouble. I just moved it a bit more to the left, now I can reach it without having to change the position I naturally place my hand/mouse at. :-)
It seems there's still a difference in menu bars between the forum and community wishlist and the rest of the site: I had a look in IE and I'm finding that on forum and wishlist pages the dropdowns don't work. All that displays is the little triangle at the top.
avatar
ssokolow: [snip]
...and there's also this which I use to remove the colored strip but can't take credit for. (Thanks, Maighstir)

.menu::before {
background-image: none !important;
}
That's what I figured out, too, but then I kept thinking about what everyone was saying about the extra space it took. So instead of removing the image I simply pushed the menu up:
.menu{
top:-4px!important
}
The image is still there but off the screen so it can't be seen at all, and the space is recovered.