Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

General discussions, feedback, questions belong here (v2 -outdated- use v3) #41

Closed
Aris-t2 opened this issue Nov 16, 2017 · 218 comments
Closed

Comments

@Aris-t2
Copy link
Owner

Aris-t2 commented Nov 16, 2017

Continued from here #3

Instead of opening new "issues" for general talk we can use this area for discussions, feedback and questions. Open new "issues" for real bugs and problems.

Trying to makes CSS code Firefox 57+ ready?
Remove all @namespace references. They are the reason, if your code refuses to work.

Application/hamburger button in tabs toolbar?
Look here: #46

Things this project will not target/recreate

  • curved tabs
  • old complete themes
  • ...

Things not possible with CSS

  • more toolbars like add-on/status bar (CSS can not create new toolbars)
    • displaying full sized status popup below window content is possible
    • moving bookmarks toolbar to windows bottom is possible
  • new buttons (CSS can not create new buttons)
  • additional menuitems (CSS can not create new items)
  • old search (some things are not compatible to Fx 57+)
  • custom/new/different functions for buttons/menuitems/menus
  • activity indicator
  • preferences window
  • additional location bar
  • favicon in location bar
  • moving menubar items to a different toolbar
  • restart button
  • ... many more
@ghost
Copy link

ghost commented Nov 16, 2017

#4 - possible copy to form new issuse?

https://github.com/blog/2111-issue-and-pull-request-templates

@DDTex
Copy link

DDTex commented Nov 16, 2017

I have an issue with the separator bar for the Bookmarks menu drop-down from the classic menu bar. in FF on windows 7 they are almost invisible. Prior to 57I was able to remedy the problem using a mod to userchrome.css as follows:

@namespace
url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* Make separators in bookmarks easier to see /
menuseparator {
-moz-appearance:none !important; /
nothing changes without this */
background: green !important;
height: 3px !important;
padding: 1px !important;
}

with the advent of 57, that solution no longer works. Can you provide an update to your Classic Theme restorer CSS for 57 that will restore the functionality (or provide feedback to me)?

TIA

@Poonkraft
Copy link

Hello Aris-t2,
please consider adding this

#context_sendTabToDevice, #context_sendTabToDevice +menuseparator,

to send_to_device_menuitems_hidden.css file.

And a question (for anyone who may know): how can I make the new private window open with the home page (or at least a blank page) instead of the current purple abomination? Is there an about:config entry (couldn't find one)? Is it doable in userContent?

@aolszowka
Copy link

aolszowka commented Nov 16, 2017

Should we consider creating a Wiki on this project? I am not confident enough to submit changes to mainline code but I would be happy to help with creating wiki pages that document/talk about features to act as an FAQ to avoid having to skim through threads and point users to.

@Aris-t2 would you accept pull requests for wiki pages?

*Edit: I started with a small sample here about what I'm talking about: https://github.com/aolszowka/CustomCSSforFx/wiki/pageaction_button_in_location_bar_hidden.css it would be slightly time consuming but that's why you use volunteers. I would at least document the tweaks I use for sure.

@DDTex
Copy link

DDTex commented Nov 16, 2017 via email

@Poonkraft
Copy link

@DDTex
Hi David, I am looking for a way to clear the private window. After opening a New Private Window (Ctrl+Shift+P) this is what I get:

privwin

I want to either set my own home page instead, or at least get a blank screen.

@Corben78
Copy link

Is it possible to enable the status or addon bar with css again?

I'm missing the bar at the bottom of firefox, where I can put the addon icons to, also as a close of the bottom of the browser window.

@Aris-t2
Copy link
Owner Author

Aris-t2 commented Nov 16, 2017

@userOperaFF
The issue template sounds interesting.

@DDTex
The code still works fine for me. Make sure you remove the @namespace line. It not only worthless, it is probably the reason for your issue.

Tested this in userChrome.css on Windows and it worked fine.

menuseparator {
  -moz-appearance:none !important;
  background: green !important;
  height: 3px !important;
  padding: 1px !important;
}

@Poonkraft
Good idea to extend send_to_device_menuitems_hidden.css features.

about:privatebrowsing
Try this in userContent.css

@-moz-document url(about:privatebrowsing){
  html {
   visibility: hidden !important;
    background: unset !important;
  }
}

@aolszowka
Feel free to create a Wiki. I have nothing against it.

@Corben78
CSS can not create new toolbars.

@Corben78
Copy link

Yeah, I'm aware that CSS can't create new elements. I was wondering if there still is a status/addon bar still available in Firefox, but just not visible due to default CSS.
E.g. the search document bar is at the bottom, and only visible when pressing ctrl+f.

@the-j0k3r
Copy link

the-j0k3r commented Nov 17, 2017

@aolszowka You cant do pull requests to wikis, @Aris-t2 also needs to enable wiki in settings first, but what you have done so far is for your fork only.

Feel free to create a Wiki. I have nothing against it.

@Aris-t2 you need to enable wiki in settings first otherwise @aolszowka cant do anything to your project here.

My question however.

What I meant to ask though, is it possible to customize scrollbars? see silverwind/overlay-scrollbars#1 I was looking for this https://github.com/silverwind/overlay-scrollbars/blob/master/overlay-scrollbars.css type of customization level.

@Aris-t2
Copy link
Owner Author

Aris-t2 commented Nov 17, 2017

@Corben78
Its not there anymore, like in Fx29-56.

@the-j0k3r
Scrollbars can not be changed in Firefox 57+. Otherwise I would have ported my "NewScrollbars" add-on already.

About the Wiki
Wouldn't a Wiki not maintained by me cause a bunch of questions about why is this or that not in it? I mean, I like the idea users to create and maintain it, but I don't want to become the a support fallback for it.

@the-j0k3r
Copy link

the-j0k3r commented Nov 17, 2017

Wouldn't a Wiki not maintained by me cause a bunch of questions about why is this or that not in it?

Wikis are open by default when enabled, but I suppose you can easily add a snippet to home page explaining that, that users are free to add information missing.

I like the idea users to create and maintain it, but I don't want to become the a support fallback for it.

Same as above right?

--
e.g.

This wiki is a community only driven resource, feel free to correct/improve existing/add new information you feel is appropriate.
This wiki resource comes with no support or warranty.

--
You can even add a FDL licence https://www.gnu.org/licenses/fdl.html

Though this is entirely up to you, its your project and its your decision if you want to open it to people to contribute, collaborate etc, or not.

Re: scrollbars
Its what I suspected, good info to go into a faq in a wiki for instance 😄

@hendricha
Copy link

Hey!

First of all, love what you guys are doing here, because I absolutely hate this flat trend.

Now... I do also have a feature request, which was not part of the original addons this project is base on, still... Could we get the iconic round/curved Australis tabs back of the previous FF versions?

@ghost
Copy link

ghost commented Nov 17, 2017

Could we get the iconic round/curved Australis tabs back of the previous FF versions?

Possible but not in this project.

Maybe use:

⚠️ possible bugs with CustomCSSforFx ⚠️ (must comment classic_squared_tabs.css).

@hendricha
Copy link

@userOperaFF : Thanks, checked it out, I like it. It is a bit too flat for my taste, but at least I have the curves, now all I need is some time to edit the embeded svgs..

@aolszowka
Copy link

@the-j0k3r Ah really? I didn't realize you can't push Wiki pages; that's a huge Github limitation (and a real shame tbh).

@JonnyThree
Copy link

Hello, i'm here to ask for an help to make a simple tweak: reduce the height of the tabs on Firefox 57. I use the compact style, and up to Firefox 56 i was using this simple string:
.tabbrowser-tabs {min-height: 23px !important;}

I have tryed this string:
tab {max-height: 23px !important;}

Result: tabs are tighter but they have extra space between toolbar.

Someone know to tweak only the height of the tabs? I don't need nothing more.
Very thanks if someone can help me.

@Poonkraft
Copy link

@JonnyThree
This is what I use, you could give it a try and set your own values.

/* Reduce space above tabs in normal window */
#main-window[sizemode="normal"] #TabsToolbar {
  padding-top: 0 !important;
  margin-top: 2px !important;
}

/* reduce minimum tab height */
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: 24px !important;
}

#TabsToolbar #tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] {
  min-height: 23px !important;
  max-height: 23px !important;
}

/* size of + (new tab) button */
.tabs-newtab-button .toolbarbutton-icon{
  min-width: 0px !important;
  min-height: 0px !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0px !important;
  margin-bottom: 0px !important;
  padding: 1px !important;
}

To reduce tab height you have to reduce the + button too.

@JonnyThree
Copy link

@Poonkraft
Thanks so much! This works very well, but i see that on many tans opened, when the arrow scrool appear, the tabs height grow, and auto reduce when i close some tabs (and the arrow disappear)

@Lun0s
Copy link

Lun0s commented Nov 18, 2017

I didn't notice there was a thread to ask questions over here, I'm so glad I found it.
Allow me to ask, is it possible to change the size of the different icons in the UI through the userChrome.css file?
Right now, I'm using a userChrome.css file that someone else created and that I liked quite a lot compared to the default appearance of Firefox 57. The problem is that even with the Compact Density Preset, the buttons feel bigger than they should be, or at least bigger than the older versions using ClassicThemeRestorer.

Here's a simple comparison, Firefox 57 with the CustomCSSforFx and the userChrome.css that I'm using above, and Waterfox v55 with CTR below.
firefox_2017-11-17_21-03-31

@Poonkraft
Copy link

Poonkraft commented Nov 18, 2017

@JonnyThree
I don't have that problem, but I use the code as an addition to the settings in this Custom CSS for Fx project. You may have to enable the

@import url(./css/toolbars/tabs_toolbar_adjustments.css);

(or something else) line in the userChrome.css.

Edit:
This part from that file may help you:

/* make sure toolbar buttons do not increase toolbar height */
#TabsToolbar > toolbarpaletteitem,
#TabsToolbar > toolbarbutton {
  min-height: unset !important;
  padding: unset !important;
  margin: unset !important;
}
#TabsToolbar > toolbarpaletteitem  .toolbarbutton-icon,
#TabsToolbar > toolbarbutton  .toolbarbutton-icon{
  min-width: unset !important;
  width: 24px !important;
}

@the-j0k3r
Copy link

the-j0k3r commented Nov 18, 2017

@aolszowka

If a wiki exists you can clone and push to it, but theres no such thing as pull requests for wikis.

Edit this page however describes the problem and suggests a workaround http://www.growingwiththeweb.com/2016/07/enabling-pull-requests-on-github-wikis.html

IMO you can work on your wiki and if this project decides to host a wiki you can the clone it and copy your files manually from your wiki git directories to the project wiki on your local, commit and push changes to the main wiki. With enough care and attention the limitations are few, but still flexible enough despite the caveats.

@JonnyThree
Copy link

JonnyThree commented Nov 18, 2017

@Poonkraft
i very appreciate your help, i will try to investigate this "arrowscrollbox" behaviour.

edit: ultimate fix. needs also to set the "max-heigth":
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: 24px !important; max-height: 24px !important;
}

edit 2:
sadly i discovered that adding "max-height" as above, when i drag left/right any tab, the tab bar completely mess up

@Random-github-name
Copy link

Just popping in to say thanks for the toolbar text mode modifications. Works superbly now. Amazingly done! :)

@Poonkraft
Copy link

@JonnyThree
I tested my original code (here) by itself (that was the only thing in userChrome.css), and it works perfectly for me. I can open lots of tabs, move them left and right, move them to new window, rearrange, etc.
Win 7, Ff57 + Light Theme + Compact.

@Aris-t2
Copy link
Owner Author

Aris-t2 commented Nov 18, 2017

@the-j0k3r @aolszowka
I think about the Wiki.

@Lun0s
Yes, it is possible to reduce icon size, but some of this projects settings will break.
Experiment with this code:

#urlbar,
.searchbar-textbox {
  margin: 1px !important;
  min-height: 0px !important;
  height: 24px !important;
}
#nav-bar .toolbarbutton-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  min-height: 0px !important;
  height: 24px !important;
}

@Random-github-name
Good to hear text mode works fine now.

@Xime78
Copy link

Xime78 commented Nov 18, 2017

First of all, thanks for this project.
Then, I have a question: Is it possible to remove the opaque overlay on the tabs, navbar and bookmarks bar? This was my reason for getting CTR, and it's my biggest annoyance with the new Firefox. Basically, I want to see my whole theme, not have half of it hidden underneath a layer I did not ask for.

I tried to look for the answer above, so my apologies if this has already been answered.

@Lun0s
Copy link

Lun0s commented Nov 18, 2017

Yes, it is possible to reduce icon size, but some of this projects settings will break.
Experiment with this code:

Thank you so much @Aris-t2, this worked perfectly. I just changed both heights to 22 pixels and removed the padding on top of the navigation bar. Everything seems to be working correctly 👍

The only thing left would be resizing the Firefox button and that's it. Is that possible?

@triopter
Copy link

triopter commented Dec 6, 2017

@Aris-t2 - thank you for answering my silly question (and apologies for asking)! Somehow I managed to miss that in three passes skimming the README...

@Aris-t2
Copy link
Owner Author

Aris-t2 commented Dec 6, 2017

@kanade96

Adding this to userChrome.css files bottom works fine for me especially with lw-themes:
#nav-bar { margin-bottom: 50px !important; }

@MarkRH
I will add black color to menubar menus for that option on next update.

@radiotech1
An experimental option is part of this project. Look for bookmarks_toolbar_multiple_lines.css.

@Speravir
Copy link

Speravir commented Dec 7, 2017

@Aris-t2

default_tabs_tab_border.css I will try to modify it. In its current state the usage is very limited.

Works fine now, also together with the background style. So I can delete my own hacked code.

And, oh, something other was apparently wrong with the newtab button, not what I suggested. It's OK like it is now. I think I will use the other image for an addon, though.

@ghost
Copy link

ghost commented Dec 7, 2017

@ImSpecial:

So I updated to 1.4.7 this morning after skipping a few versions but now I'm noticing all the field boxes have this blue outline around them (in dark mode if that matters), how can I get rid of this blue outline?

#3 (comment) - gray / silver for input find (#666C72, #B5BBC2):

image

/* blue active input border as gray  */

.search-wrapper:active input, .search-wrapper input:focus {
    border-color: #666C72 !important;
    box-shadow: 0 0 0 2px #666C72 !important;
}

/* blue active input border as silver?  */

.search-wrapper:active input, .search-wrapper input:focus {
    border-color: #B5BBC2 !important;
    box-shadow: 0 0 0 2px #B5BBC2 !important;
}

Or am I just imagining this and this outline has always been around???

Always blue because not added other variation to project.

@Speravir
Copy link

Speravir commented Dec 7, 2017

Some more ideas:

  1. An option not to hide the page action button, but to rotate it and reduce the margin. This looks quite good here:
#urlbar-container #pageActionButton {
	height: 16px !important;
	width: 22px !important;
	padding: 0 4px !important;
	margin: 0 -8px !important;
	overflow: hidden !important;
	transform: rotate(90deg);
}

I also wanted it to move to second last position (another option?), i.e. after the star button, but before chronic dropmarker. I have both dropmarker_at_the_end.css and starbutton_is_last_pageaction_button.css active. Because I have an addon for putting the reload button into the addon bar *) I can’t deactivate the latter. So I had to add -moz-box-ordinal-group: 101 !important; to the above code. In my opinion the button should in this case be slightly more to the right, but this needs more fine tuning. Update: If the button is placed on second last position replace the margin rule from above with margin: 0 -10px 0 -6px !important; then it looks good in my opinion.

*) There are at least three of them. I use Reload button in Location bar simply because I thought I could use the coloured icons inside (that’s not true, there is no option, so I changed them by CSS).

  1. How about adding an option to use the original logo as icon for the appbutton for navbar and titlebar? The URI is chrome://branding/content/about-logo.png.

  2. I actually do not want to use the appbutton in navbar, but only in the titlebar – also when the menubar is active which should open to the right of the button. Do have an idea how to achieve this?

@Aris-t2
Copy link
Owner Author

Aris-t2 commented Dec 8, 2017

@Speravir

  1. I like the idea of rotating that icon. Why did you modify width, height, overflow, top/bottom padding and top/bottom margin rules? Works fine here without them:
#urlbar-container #pageActionButton {
  -moz-box-ordinal-group: 101 !important;
  -moz-padding-start: 2px !important;
  -moz-padding-end: 2px !important;
  -moz-margin-start: -6px !important;
  -moz-margin-end: -8px !important;
  transform: rotate(90deg);
} 
  1. OK

  2. I can modify the code to keep the application button besides menubar.

@Aris-t2
Copy link
Owner Author

Aris-t2 commented Dec 8, 2017

I have uploaded userChrome.js tweaks to modify Scrollbars in Firefox 57+: https://github.com/Aris-t2/Scrollbars

@Aris-t2
Copy link
Owner Author

Aris-t2 commented Dec 8, 2017

I recommend to use this project file package from release area. You can enable/disable settings inside userChrome.css including bookmarks_toolbar_multiple_lines.css.

@radiotech1
Copy link

How do I edit the bookmarks_toolbar_multiple_lines.css to allow 3 rows of bookmarks?

@kanade96
Copy link

kanade96 commented Dec 8, 2017

@Aris-t2
That works. I was able to add the space.

Regarding to updating to your latest releases, do I paste the latest version (i.e. all the files) in to my current chrome folder? While maintaining the my current setup?
Or do I have to start fresh and apply changes manually?

@Speravir
Copy link

Speravir commented Dec 8, 2017

@Aris-t2

I like the idea of rotating that icon. Why did you modify width, height, overflow, top/bottom padding and top/bottom margin rules? Works fine here without them:

I started with rotation and then tested out how to get an icon taking less space around it. I actually didn’t think of/didn’t know these -moz- properties without the one for the box which you already had applied for the star button and drop marker. I still love to have the page action icon a bit smaller, but I can set it on my own , of course.

I can modify the code to keep the application button besides menubar.

Thank you, awesome.

(new) appbutton/hamburger button in titlebar > icon only > branding/logo icon (thanks to Speravir)
(new) appbutton/hamburger button on toolbar > custom icons > branding/logo icon (thanks to Speravir)
[…]
new) page action button (three dots) > rotated and moved to location bars end (thanks to Speravir)

And I am glad, that my ideas may be useful for other people, as well.

@Speravir
Copy link

Speravir commented Dec 8, 2017

@kanade96

Regarding to updating to your latest releases, do I paste the latest version (i.e. all the files) in to my current chrome folder? While maintaining the my current setup?
Or do I have to start fresh and apply changes manually?

I seriously suggest a diff program, see my answer in issue #64.

I compare the existing installation with the update (zip files can be compared without unpacking). I copy updated and new files inside of the diff. I update userChrome.css and userContent.css inside the diff. The last step takes the most time (depending on how much you’ve altered the settings), but is better then starting again and again from zero.

@Aris-t2
Copy link
Owner Author

Aris-t2 commented Dec 8, 2017

@radiotech1
I will modify the file on next update, so everybody will be able to line height and amount of lines in the top area of bookmarks_toolbar_multiple_lines.css. Atm you would need to replace both "999px" values with "78px" to get 3 lines before a scrollbar appears.

@kanade96
You can replace the css/image/xml folders and keep the head files userChrome.css and userContent.css untouched. Your would keep your current setting that way. Sometimes I have to change file names or replace existent files with different ones what has to be handled inside those head files.
There is no prefect solution for this, but I suggest to redo everything from time to time, but not for every update. You can of course just look into Githubs commit history to see which files changed: https://github.com/Aris-t2/CustomCSSforFx/commits/master
If nothing for your configuration changed and you don't need new features atm., there is be no need to update..

@Speravir
Mozilla had massive issues with supporting right-to-left locales many years ago as everything was only created for left-to-right locales. They first started mirroring the ui, but ran into more issues and created pseudo classes :-moz-locale-dir(ltr) for LTR locales and :-moz-locale-dir(rtl) for RTL locales.

#item:-moz-locale-dir(ltr) {margin-left: 10px} would need a counterpart #item:-moz-locale-dir(rtl) {margin-right: 10px} to affect the same padding. Both are still needed for some items especially, if you have to use right or left rules, but for margins and padding they introduced this:

-moz-margin-start = margin-left (ltr locale) = margin-right (rtl locale)
-moz-margin-end = margin-right (ltr locale) = margin-left (rtl locale)
-moz-padding-start = padding-left (ltr locale) =padding-right (rtl locale)
-moz-padding-end = padding-right (ltr locale) = padding-left (rtl locale)

There are even more rules like these, but I think you get the idea.

@Speravir
Copy link

Speravir commented Dec 8, 2017

There are even more rules like these, but I think you get the idea.

Yes, and it’s obviously useful for published styles like here.

But to another suggestion: In camp-firefox.de this was linked: Hide tab bar on firefox 57 when there is only one tab (from Benoit Averty). It could be added as another style, a link to Benoit’s gist as source attribution shouldn’t be that difficult in that style. ;-) Hmm, is this a tab or a toolbar style … When someone asks: The toolbar itself cannot be hidden without Javascript after hiding the single tab.

@Aris-t2
Copy link
Owner Author

Aris-t2 commented Dec 9, 2017

There is no way to create a proper CSS script for that feature. I tried for years in CTR, but ended up with a very complex JavaScript to take care of all possible cases (Firefox/OS titlebar, menubar on/off, tabs on top on/off etc.).

Sure, the code sort of works, if there is no "new tab" tab on tabs toolbar, but that is a deal breaker from my point of view.

@ghost
Copy link

ghost commented Dec 9, 2017

[userChrome.css]

added reference for '`@import url(./my_userChrome.css);`' > add own CSS there

Maybe add importmy_userContent.css? (for users not use Stylish/Stylus/xStyle)


[GD], [F], [Q] v3 create?

@Speravir
Copy link

Speravir commented Dec 9, 2017

Sure, the code sort of works, if there is no "new tab" tab on tabs toolbar, but that is a deal breaker from my point of view.

OK, it was just a suggestion. For the recently created “menu right of app button“ there’s a small glitch: Apparently the menu bar has to be set to same height as the titlebar; now the whole window content – all bars and tab content – jump slightly upwards if the menubar is activated.

Frankly I was for years a happy user of “Hide Caption Titlebar Plus” (or, I still am when using Fx 56) with (in most cases) full title in titlebar right of app button and flying in menu. In fact, I miss the full title at least as long the menu is hidden. (I know the config setting browser.tabs.drawInTitlebar.)

@Speravir
Copy link

Speravir commented Dec 9, 2017

@userOperaFF

Maybe add my_userChrome.css?

I think the hint in userChrome.css should be enough:

Create a new file "my_userChrome.css" and add own/custom code to it.

@ghost
Copy link

ghost commented Dec 9, 2017

Use e-mail to reply or show edditions other reply?

@Aris-t2
Copy link
Owner Author

Aris-t2 commented Dec 9, 2017

@userOperaFF
The idea behind an own my_userChrome.css file was simple, user can "update" this projects files without having to add own code somewhere into "original" userChrome.css

"[GD], [F], [Q] v3 create?"
"Use e-mail to reply or show edditions other reply?"

Is this supposed to mean something? I don't get it.

@Speravir
All toolbar jump like this without "appbutton in titlebar" or this projects files in general too, don't they?
Once another bar is present everything has to move or are you referring to a specific option like tabs_below_titlebar_above_navigation_toolbar.css?

If its about that file, try replace its code with this (I will add these changes on next update):

#main-window[tabsintitlebar][sizemode="normal"] #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #TabsToolbar{
  -moz-padding-start: 2px !important;
  margin-top: 3px !important;
}

#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="false"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="false"] ~ #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar:not([inactive="true"]) ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar:not([inactive="true"]) ~ #TabsToolbar{
  margin-top: 3px !important;
}

#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar{
  -moz-padding-start: 2px !important;
  margin-top: 19px !important;
}

#main-window[tabsintitlebar][sizemode="normal"] #TabsToolbar .titlebar-placeholder[type="caption-buttons"]{
  display: none !important;
}

@KimmoK00
Copy link

Hey Guys! First i wanna say thanks. Thanks this style, i use CTR many years and now my FF looks good again. I use Firefox 57.0.2 64b and 1.4.8. I like to maximize website height.

firefox
How can i remove this gap? Gap is marked red. Thank you in advance.

@Aris-t2
Copy link
Owner Author

Aris-t2 commented Dec 10, 2017

@KimmoK00
I suggest to update to 1.5.0 first.

Then add this code to your userChrome.css or to your "my_userChrome.css" and import it inside main userChrome.css.

#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: 21px !important;
}

#TabsToolbar #tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] {
  min-height: 20px !important;
  max-height: 2px !important;
}

#main-window[sizemode="normal"] #TabsToolbar {
  margin-top: -8px !important;
}

#main-window[sizemode="maximized"] #TabsToolbar {
  margin-top: -1px !important;
}

Caution: this code will most likely break a few things and is therefore not compatible to some of this projects settings.

@ghost
Copy link

ghost commented Dec 10, 2017

"[GD], [F], [Q] v3 create?"

This topic have same quantity reply as v1 - 😉

"Use e-mail to reply or show edditions other reply?"

@Speravir qouted my first reply without edition - why (I can not find history changes (+ see diffs) reply without notifications via mail)?

@Aris-t2
Copy link
Owner Author

Aris-t2 commented Dec 10, 2017

Continue here: #88

@Aris-t2 Aris-t2 closed this as completed Dec 10, 2017
@Aris-t2 Aris-t2 reopened this Dec 10, 2017
Repository owner locked and limited conversation to collaborators Dec 10, 2017
@Aris-t2 Aris-t2 changed the title General discussions, feedback, questions belong here (v2) General discussions, feedback, questions belong here (v2 -outdated- use v3) Dec 10, 2017
@Aris-t2 Aris-t2 closed this as completed Dec 19, 2017
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests