Browsers which allow the address bar to be placed above the tabs

das10 said:

Attachment 405901

That's exactly the effect I'm after; I'll try your suggestions. Thanks.

Edited to add:

@das10 Unfortunately, and curiously, none of your coding - which I copied and pasted exactly into my_userChrome.css - had any effect. I tried both of the tab spacing versions.

Could you please confirm if the following line in "userChrome.css" is uncommented so as to allow changes to "my_userChrome.css" to take effect?

@import "./my_userChrome.css"; /**/

If you don't mind, could you zip up your whole Chrome folder so I can test it out?

das10 said:

Could you please confirm if the following line in "userChrome.css" is uncommented so as to allow changes to "my_userChrome.css" to take effect?
@import "./my_userChrome.css"; /**/

It is, yes. And it's working, because my other new entries in my_userChrome.css are working.

If you don't mind, could you zip up your whole Chrome folder so I can test it out?

I shall. You'll find it a bit of a mess because I've been removing some entries which didn't seem relevant and were having no effect. (Of course I may well have done some damage by doing that.) Perhaps I should restore the originals first.

Edited to add:

I've attached Chrome.zip.

Try restoring your original files, to see if it makes any difference. Also as a reference, this is my Chrome folder -using Aris's latest version.
Aris_latest_Chrome_4.3.4.zip
You can test it quickly by just renaming your current Chrome folder to say Chrome_backup1, and copy the contents of my Chrome to a new folder called Chrome, that way you can quickly switch between multiple backed up copies by just swapping the one you want to use by naming it Chrome and the others as Chrome_backup2,3 etc. Firefox will only make use of the folder called Chrome.

I had only made some quick changes to some of the files in it for testing, but may be it will help solve your issue.

das10 said:

Try restoring your original files, to see if it makes any difference. Also as a reference, this is my Chrome folder -using Aris's latest version.

That works perfectly:

Sorry: I tried to upload the screen shot here but for some reason it insists on being a thumbnail.

The only tweak I think I'll try is to change the colour of the File, Edit, View... bar so it's different from the one above it. I'm enormously grateful: I'll go through your changes and compare them to mine and see if I can work out what I was doing wrong.

Thanks again.

That's good. You can change the color of the menubar by altering the values in the following line of

Chrome\config\color_variables_classic-grey.css

Code:

          --colored_menubar_background_image: linear-gradient(#0078D6,#0078D6) !important;

note: the background-image is shown using a linear gradient which means if you want a color gradient in that bar, experiment by using two slightly different colors instead of the same #0078D6,#0078D6 values that I have used.

I'll do that. I noticed in Ari's version as well as yours that several times the linear gradients are defined with the same colour code twice, which gave a uniform colour. Is there an advantage to doing things that way rather than simply specifying a single colour?

But actually, the thing that really intrigues me in your version is why the Back One Page arrow is significantly larger that the Forward One Page one.

das10 said:

According to my limited knowledge of how Aris has coded his CSS files, I think he is giving users a choice as to whether they want to use a single block color or a gradient like he already does in the pre-coded icon buttons on some of the toolbars, so users can simply specify the colors in the value instead of having to work out the exact property name if he simply used "background-color".

Yes, that makes sense.

As to the Forward/Backward arrow sizes, I was only experimenting with the buttons...

It doesn't worry me particularly but it did strike me as a little odd. I'll try your suggestion and see what happens.

- - - Updated - - -

@das10 I sorted the arrows, thanks. I've just noticed something: when I open Firefox, the tabs (with the exception of the active one) are all a uniform light blue (Cyan, I think):



But once selected, the tabs have a slight but definited graduation to them:



Fascinating!

Yes, I hadn't noticed that!

Also, before I forget, note that in my my_userChrome.css file I am using some code to auto hide the Extension button from the navbar (which will only show when the cursor/mouse is inside the URL bar). Please remove the following code from that file if you wish to see the Extension button at all times.

Code:

/* hide Extensions icon on toolbar */
/* 
#unified-extensions-button {
   visibility: collapse !important;
}
*/
#unified-extensions-button {
     width: 0px !important;                                    /* change the area around the 'non-visible button'  if wanted */
     padding-inline: 0px !important;                                  /* change the area around the 'non-visible button'  if wanted */
     opacity: 0.0 ;
     transition:width 1.5s !important;
}
#nav-bar:focus-within #unified-extensions-button{
     transform: scale(1.0, 1.0) !important;                    /* <<<<<<<adjust if needed                                */
     width: 36px !important;                                   /* <<<<<<<adjust if needed                                */
     opacity: 1.0 !important;
     transition:width 0.5s !important;
}