search

Aris-t2 / CustomCSSforFx

Custom CSS tweaks for Firefox
GNU General Public License v3.0
1.87k stars 181 forks source link

[!] GENERAL discussion, feedback, questions belong here! (v10) #273

Closed Aris-t2 closed 4 years ago

Aris-t2 commented 4 years ago

Make sure you have updated your configuration to the most recent version of this projects files and are using the latest version of the "options" required by your Firefox version >before< reporting problems!

Continued from https://github.com/Aris-t2/CustomCSSforFx/issues/3, https://github.com/Aris-t2/CustomCSSforFx/issues/41, https://github.com/Aris-t2/CustomCSSforFx/issues/88, https://github.com/Aris-t2/CustomCSSforFx/issues/109, https://github.com/Aris-t2/CustomCSSforFx/issues/133, https://github.com/Aris-t2/CustomCSSforFx/issues/163, https://github.com/Aris-t2/CustomCSSforFx/issues/189, https://github.com/Aris-t2/CustomCSSforFx/issues/211 and https://github.com/Aris-t2/CustomCSSforFx/issues/241.

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.

Custom JS scripts to restore more classic features https://github.com/Aris-t2/CustomJSforFx

Things this project will not target/recreate

Things not possible with CSS

Michas0206 commented 4 years ago

Hi, after updating Firefox to 72.0.1 and CustomCSSforFx to 2.9.9 v3, I have the problem that my new-tab-button '+' is not positioned beside the tabs, instead it is positioned to the right of the tab-bar...and I am not able atm to get it back to the right-most tab where it was before.

Any hints how to get it where it was?

@import "./css/tabs/tabs_below_navigation_toolbar_fx72.css" is activated, not sure what exactly causing this....trying to manually position it to the tabs within Ff itself or pressing 'back to default' does not change its position.

Speravir commented 4 years ago

@Aris, you in #241:

The #PlacesDropIndicator is visible when bookmarks are moved within bookmarks toolbar.

Given the ID name I guessed something in this direction, but for me there is no indicator visible. Is it perhaps because of multiline bookmarks?

Aris-t2 commented 4 years ago

@michas0602 Does this also happen without having any custom scripts or styles inside chrome folder? In this projects default setup when enabling tabs_below_navigation_toolbar_fx72.css the new tab tab is still besides the last tab. Not sure what is causing this for you, but you might want to try setting up a new browser profile for testing.

@Speravir You are right, there is no indicator shown using a multiline bookmarks environment.

There is code there to hide it, but even without it the dropmarker does not appear.

DBGulp commented 4 years ago

Hi @Aris-t2 I updated from Fx69 to 72 with 2.9.9v3 on Windows 10. I have the bookmark toolbar at the bottom. If I activate "./css/buttons/buttons_on_bookmarks_toolbar_old_size_and_appearance.css" my buttons are stacked upon each other, fanned like cards. It was fine in 69. Not active, looks OK but with an undesirable gap between buttons. Hopefully, you have some direction for me to get this working?

I am using MultiRowTabLiteforFx.uc.js from Quantum-Nox for Multirow tabs that are movable. https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme/tree/master/Multirow%20and%20other%20functions/Multirow%20tabs

This forces me to change your userChrome.css file to userChrome.as.css (Everything else looks good)

I am pleased with the appearance of my Fx, thanks to your hard work and the multirow and movable tabs working together.

Is there a way to get rid of the update nag? I don't update often because of the time involved in resetting Firefox to my liking (if possible). I was on 52 ESR for as long as possible to keep CTR! :)

Aris-t2 commented 4 years ago

Are you using addonbar_move_bookmarks_toolbar_to_bottom_fx72.css? That one is required since Fx 72 and the result looks like this:

image

(buttons_on_bookmarks_toolbar_old_size_and_appearance.css is enabled by default using this projects complete package.)

Try this:

Michas0206 commented 4 years ago

@Aris-t2 You were right, my '+'-button-problem is solved by reinstalling the files. Unfortunately I did no copy to verify what exactly caused it...however, not it works as it should.

Many thanks for all your efforts, now Ff looks as it should (again).

DBGulp commented 4 years ago

Yes, I'm using addonbar_move_bookmarks_toolbar_to_bottom_fx72.css. I'm using this projects complete package.

Aris-t2 commented 4 years ago

@DBGulp Look at my screenshot above. Latest build, default configuration and Fx 72, so the issue my be caused by something else on your end. Try to setup everything from the scratch using Portable Firefox.

DBGulp commented 4 years ago

So far, I have a new profile to test with and all my chrome being the same, the problem isn't there. The test profile has the referenced line active, while my normal profile doesn't.

No addons are active yet. Maybe the issue is there or just starting a fresh profile might be the answer.

No more testing today. Go Chiefs!

DBGulp commented 4 years ago

It's the Flexible Space. Under Fx69 (and lower) I needed to use multiple flexible spaces to get buttons all the way to the right. Under Fx72 only one is necessary. More than one side by side crunches the buttons at both ends.

Aris-t2 commented 4 years ago

You are right more than one flexible space causes massive glitches.

I have not found a good solution for this yet.

nollinvoyd commented 4 years ago

I just upgraded to Fx72.02 & 2.9.6 v2.

usercontent.css was updated, but the I have the same 68+ items "enabled".

This is what I had with Fx 71

FX71

Now this

FX72

Is this all we can expect at this point?

Aris-t2 commented 4 years ago

Enable the "_fx72" versions of your previously selected "options".

JoseHidalgo commented 4 years ago

Hi, and HUGE thanks @Aris-t2 for your continuous work on this ! You are a savior for a lot of us ! I've just installed latest version, with latest FF version and my usual tweaks. So far so good !

Question : is there a simple way to have a dark mode for about:addons and about:config ? Pages such as about:memory and about:plugins show already in dark mode (I honestly don't remember how, but I like it that way). However, about:addons and about:config don't. If it's too complicated then just forget about it, lol.

Aris-t2 commented 4 years ago

@JoseHidalgo about:config > ui.systemUsesDarkTheme > 1 (number pref) about:config > browser.in-content.dark-mode > true (boolean pref)

nollinvoyd commented 4 years ago

Firefox 72.02, Just updated to version 2.9.9_v3

Tried to enable these, one at a time

/* Tab scroll buttons position - [only use one at a time] *****/ /* @import "./css/tabs/tab_scrollbuttons_both_on_toolbars_start.css"; // /* @import "./css/tabs/tab_scrollbuttons_both_on_toolbars_end.css"; /**/

and got these results

Start

BLANK SPACE2

End

BLANK SPACE

The only effect was to create these blank spaces, and remove the scroll button from the left side of the tab bar when

@import "./css/tabs/tab_scrollbuttons_both_on_toolbars_end.css"; /**/ was enabled.

Tested with myuserchrome.css disabled.

Aris-t2 commented 4 years ago

Looks like achieving this result with -moz-box-ordinal-group rule is not possible anymore due to internal code changes. I have not found a workaround yet.

Test this.

tab_scrollbuttons_both_on_toolbars_start_fx72.css

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/

#tabbrowser-tabs {
  --group_zero: inherit;
  --pin_tab1: inherit;
  --pin_tab2: inherit;
  --pin_tab3: inherit;
  --pin_tab4: inherit;
  --pin_tab5: inherit;
  --pin_tab6: inherit;
  --pin_tab7: inherit;
  --pin_tab8: inherit;
  --pin_tab9: inherit;
  --pin_tab10: inherit;
}

#tabbrowser-tabs[overflow="true"] {
  --group_zero: 1000;
  --pin_tab1: -88px;
  --pin_tab2: -118px;
  --pin_tab3: -148px;
  --pin_tab4: -178px;
  --pin_tab5: -208px;
  --pin_tab6: -238px;
  --pin_tab7: -268px;
  --pin_tab8: -298px;
  --pin_tab9: -328px;
  --pin_tab10: -358px;
}

spacer[part="arrowscrollbox-overflow-start-indicator"] + scrollbox[part="scrollbox"]{
  -moz-box-ordinal-group: var(--group_zero) !important;
}

/* Fix pinned tabs position for the first 10 pinned tabs (follow the system for more pinnen tabs) */
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] {
  margin-inline-start: var(--pin_tab1) !important;
}
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] {
  margin-inline-start: var(--pin_tab2) !important;
}
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] {
  margin-inline-start: var(--pin_tab3) !important;
}
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] {
  margin-inline-start: var(--pin_tab4) !important;
}
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] {
  margin-inline-start: var(--pin_tab5) !important;
}
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] {
  margin-inline-start: var(--pin_tab6) !important;
}
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] {
  margin-inline-start: var(--pin_tab7) !important;
}
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] {
  margin-inline-start: var(--pin_tab8) !important;
}
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] {
  margin-inline-start: var(--pin_tab9) !important;
}
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] {
  margin-inline-start: var(--pin_tab10) !important;
}

tab_scrollbuttons_both_on_toolbars_end_fx72.css

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/

#tabbrowser-tabs {
  --group_zero: inherit;
  --pin_tab1: inherit;
  --pin_tab2: inherit;
  --pin_tab3: inherit;
  --pin_tab4: inherit;
  --pin_tab5: inherit;
  --pin_tab6: inherit;
  --pin_tab7: inherit;
  --pin_tab8: inherit;
  --pin_tab9: inherit;
  --pin_tab10: inherit;
}

#tabbrowser-tabs[overflow="true"] {
  --group_zero: 0;
  --pin_tab1: -30px;
  --pin_tab2: -60px;
  --pin_tab3: -90px;
  --pin_tab4: -120px;
  --pin_tab5: -150px;
  --pin_tab6: -180px;
  --pin_tab7: -210px;
  --pin_tab8: -240px;
  --pin_tab9: -270px;
  --pin_tab10: -300px;
}

spacer[part="arrowscrollbox-overflow-start-indicator"] + scrollbox[part="scrollbox"]{
  -moz-box-ordinal-group: var(--group_zero) !important;
}

/* Fix pinned tabs position for the first 10 pinned tabs (follow the system for more pinnen tabs) */
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] {
  margin-inline-start: var(--pin_tab1) !important;
}
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] {
  margin-inline-start: var(--pin_tab2) !important;
}
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] {
  margin-inline-start: var(--pin_tab3) !important;
}
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] {
  margin-inline-start: var(--pin_tab4) !important;
}
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] {
  margin-inline-start: var(--pin_tab5) !important;
}
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] {
  margin-inline-start: var(--pin_tab6) !important;
}
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] {
  margin-inline-start: var(--pin_tab7) !important;
}
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] {
  margin-inline-start: var(--pin_tab8) !important;
}
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] {
  margin-inline-start: var(--pin_tab9) !important;
}
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] + .tabbrowser-tab[pinned] {
  margin-inline-start: var(--pin_tab10) !important;
}
nollinvoyd commented 4 years ago

I processed the changes. Several things happening now.

1) The directional buttons are appearing in tandem on the proper sides given the option that is enabled 2) The blank spaces ares still present 3) I have two pinned tabs. When these options are enabled, the position of these pinned tabs have been switched, with the rightmost pinned tab partially obscurred

Both options disabled left side

BOTH DISABLED

Start left

START LEFT - PINNED SWITCHED

Start right

START RIGHT

End Right

END RIGHT

End left

END LEFT

TroudhuK commented 4 years ago

https://github.com/Aris-t2/CustomCSSforFx/issues/241#issuecomment-574186864 => Fixed in v72.0.2! Finally an update that improves instead of breaking my Firefox ^^

nollinvoyd commented 4 years ago

@Aris-t2

I forgot to disable myuserchrome.css last time I reported, so it looks ok now. I'll try to see what was causing it.

ryuukenzenkou commented 4 years ago

first of all thanks for your hard work. i've been an user of your stuff for years allowing me to have firefox the way i want. but now seems like mozilla tries hard to break the ui more and more. sigh.. well i found this issue after updating from v70. Captura2 dont know what produces it. it was fine before. also the text on the tabs goes so low that looks like there's no text on the tab title, same with the close button. also the zoom control doesnt looks that good..

Aris-t2 commented 4 years ago

@ryuukenzenkou

You initial screenshot in the other thread pointed out, that layout.css.xul-box-display-values.survive-blockification.enabled was set to false on your system. This causes major issues even on default configuration without any modifications. Verify that pref is set to true inside about:config.

krystian3w commented 4 years ago

layout.css.xul-box-display-values.survive-blockification.enabled

Or update to Beta 73.

nollinvoyd commented 4 years ago

@Aris-t2

I forgot to disable myuserchrome.css last time I reported, so it looks ok now. I'll try to see what was causing it.

krystian3w commented 4 years ago

Duplicate @nollinvoyd: https://github.com/Aris-t2/CustomCSSforFx/issues/273#issuecomment-578358518

nollinvoyd commented 4 years ago

@Aris-t2

The blank space

START LEFT - PINNED SWITCHED

is caused by this myuserchrome.css entry. Can it be fixed?

`/ Tab numbers on tabs / Tabs numbers in 'all tabs' popup /

tabbrowser-tabs,

alltabs-popup, /Fx60-61 /

allTabsMenu-allTabsViewTabs { /Fx62+ /

counter-reset: n_tabs 0; } .tabbrowser-tab .tab-content { -moz-padding-start: 0px; } .tabbrowser-tab .tab-content::before, .alltabs-item::before, /Fx60-61 / .all-tabs-button::before { /Fx62+ / display: -moz-box; -moz-padding-end: 8px; counter-increment: n_tabs; content: counter(n_tabs); font-weight: bold !important; font-size: 14px !important; margin-top: -2px !important; } `

ryuukenzenkou commented 4 years ago

@Aris-t2 gonna change the value and notify you about with screenshots

@krystian3w gonna toggle the value to see if the issue is fixed

@Aris-t2 ok I switched it and now the tabs and the add-on bar no longer have issues. Now I just need to fix the location bar drop down menu and I'm ready to go. I highly thanks you for your support and hard work.:grinning::blush:

EDIT: merged posts...

krystian3w commented 4 years ago

In beta that key no longer works.

ryuukenzenkou commented 4 years ago

@krystian3w ok but I prefer the stable release channel

Aris-t2 commented 4 years ago

@nollinvoyd

You have to disable your tab counter for pinned tabs. The code to get their proper position relies on a certain tab width. You can of course alter the code an set width values that work with your code.

@ryuukenzenkou

On Firefox 72 either use one of these:

/* @import "./css/locationbar/ac_popup_classic_with_two_lines_fx68.css"; /**/  /* <--- old autocomplete popup */
/* @import "./css/locationbar/ac_popup_classic_with_two_lines_fx68_star_at_the_end.css"; /**/  /* <--- old autocomplete popup + star icon at the end */
/* @import "./css/locationbar/ac_popup_classic_with_url_only_fx68.css"; /**/  /* <--- old autocomplete popup + url only */
/* @import "./css/locationbar/ac_popup_classic_with_url_only_fx68_star_at_the_end.css"; /**/   /* <--- old autocomplete popup + url only + star icon at the end */
/* @import "./css/locationbar/ac_popup_default_with_two_lines_fx68.css"; /**/ /* default popup + two lined results*/

or this one

/*  - for Firefox 72+ ('about:config > browser.urlbar.update1 > false') *************************/
/* @import "./css/locationbar/ac_popup_default_with_two_lines_fx72.css"; /**/ /* default popup + two lined results*/

or set about:config > browser.urlbar.update1 > true and use one of these:

/* popup content order/appearance - [only use one at a time] ************************************/
/* @import "./css/locationbar/ac_popup_megabar_title_and_url_50percent_width.css"; /**/
/* @import "./css/locationbar/ac_popup_megabar_url_and_title_50percent_width.css"; /**/
/* @import "./css/locationbar/ac_popup_megabar_title_and_url_two_lines.css"; /**/ /* for tile+url only, not for visit, search etc. */
/* @import "./css/locationbar/ac_popup_megabar_url_only.css"; /**/
Yaron10 commented 4 years ago

Hello Aris,

I've just enabled "browser.urlbar.update1" in FF 72.

What's the difference between #urlbar[breakout] and #urlbar[breakout-extend]?

Thank you.

ryuukenzenkou commented 4 years ago

@Aris-t2 gonna try it out later and tell you what happened.

Aris-t2 commented 4 years ago

@Yaron10

[breakout-extend] is active when the popup is open. [breakout] is active all the time. It was added to distinguish between megabar and default non-megabar state and most likely will get removed once megabar fully replaces the old urlbar.

Yaron10 commented 4 years ago

@Aris-t2,

Thanks for the explanation. I appreciate it.

I asked it because the following code (taken from your megabar_optimizations.css) fixes the position and width whether the popup is open or not.

#urlbar[breakout]:not([open]) { display: inherit !important; }

#urlbar[breakout][open]
{
    top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height))/2) !important;
    left: 0px !important;
    width: 100% !important;
}

#urlbar[breakout] > #urlbar-input-container
{
    height: var(--urlbar-height) !important;
    padding-block: unset !important;
    padding-inline: unset !important;
}

Note: no #urlbar[breakout-extend]. FF 72.

ryuukenzenkou commented 4 years ago

@nollinvoyd

You have to disable your tab counter for pinned tabs. The code to get their proper position relies on a certain tab width. You can of course alter the code an set width values that work with your code.

@ryuukenzenkou

On Firefox 72 either use one of these:

/* @import "./css/locationbar/ac_popup_classic_with_two_lines_fx68.css"; /**/  /* <--- old autocomplete popup */
/* @import "./css/locationbar/ac_popup_classic_with_two_lines_fx68_star_at_the_end.css"; /**/  /* <--- old autocomplete popup + star icon at the end */
/* @import "./css/locationbar/ac_popup_classic_with_url_only_fx68.css"; /**/  /* <--- old autocomplete popup + url only */
/* @import "./css/locationbar/ac_popup_classic_with_url_only_fx68_star_at_the_end.css"; /**/   /* <--- old autocomplete popup + url only + star icon at the end */
/* @import "./css/locationbar/ac_popup_default_with_two_lines_fx68.css"; /**/ /* default popup + two lined results*/

or this one

/*  - for Firefox 72+ ('about:config > browser.urlbar.update1 > false') *************************/
/* @import "./css/locationbar/ac_popup_default_with_two_lines_fx72.css"; /**/ /* default popup + two lined results*/

or set about:config > browser.urlbar.update1 > true and use one of these:

/* popup content order/appearance - [only use one at a time] ************************************/
/* @import "./css/locationbar/ac_popup_megabar_title_and_url_50percent_width.css"; /**/
/* @import "./css/locationbar/ac_popup_megabar_url_and_title_50percent_width.css"; /**/
/* @import "./css/locationbar/ac_popup_megabar_title_and_url_two_lines.css"; /**/ /* for tile+url only, not for visit, search etc. */
/* @import "./css/locationbar/ac_popup_megabar_url_only.css"; /**/

@Aris-t2 so that should make the address bar pop-up look like it used to do and not cover half the screen? edit: i tried the last option and this is what happens: captura

and with megabar disabled and picking one the options this happens: when maximized:

captura1

when restored:

captura2

also with megabar enabled and maximized: Sin nombre

so what could make those issues? by far using the megabar and the tweak you mentioned makes it look close to the old real thing. ill wait for your reply to try again.

Aris-t2 commented 4 years ago

All I can tell you is, that this issue does not occur during my tests on Fx 72-74. Post your userChrome.css here (zipped). Drag&drop file into your reply.

ryuukenzenkou commented 4 years ago

@Aris-t2 I'll do right now. Thanks for replying edit: sorry @Aris-t2 , i've been busy this week... so i didnt had the time to properly reply. so im uploading my chrome folder rn.. hope you can see what's wrong.

chrome.zip

nollinvoyd commented 4 years ago

@Aris-t2

@nollinvoyd

You have to disable your tab counter for pinned tabs. The code to get their proper position relies on a certain tab width. You can of course alter the code an set width values that work with your code.

I always try to do these things on my own before posting here, but I have no idea how to go about this

Aris-t2 commented 4 years ago

You could start without the code in my_userChrome.css. then add it back piece by piece to find what is causing the issue. You could also contact the original write of the code.

rebop commented 4 years ago

@Aris-t2

Where can I change the default bookmark icon? Cannot seem to find that code. Not on tabs, but on the bookmark. Thanks!

krystian3w commented 4 years ago

White globe?

obraz

Now is hard override that icon...

rebop commented 4 years ago

Exactly.

From: krystian3w [mailto:notifications@github.com] Sent: Saturday, February 01, 2020 12:04 PM To: Aris-t2/CustomCSSforFx Cc: Bob; Comment Subject: Re: [Aris-t2/CustomCSSforFx] [!] GENERAL discussion, feedback, questions belong here! (v10) (#273)

White globe?

https://user-images.githubusercontent.com/35370833/73598270-64ce1780-4536-1 1ea-8b3f-8d4445859625.png obraz

Now is hard override that icon...

- You are receiving this because you commented. Reply to this email directly, view https://github.com/Aris-t2/CustomCSSforFx/issues/273?email_source=notificat ions&email_token=ADJFPUQTPLPRIV5ZJKPIJXTRAXIULA5CNFSM4KHGGCMKYY3PNVWWK3TUL52 HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEKRFOEA#issuecomment-581064464 it on GitHub, or unsubscribe https://github.com/notifications/unsubscribe-auth/ADJFPUTIBSOFMAAEJLNODPDRA XIULANCNFSM4KHGGCMA . https://github.com/notifications/beacon/ADJFPUVUX2X5W3DK7U6DZJDRAXIULA5CNFS M4KHGGCMKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEKRFOEA .gif

Aris-t2 commented 4 years ago

Isn't that easy anymore. You can only add workarounds per bookmark based on its label.

The code should be in one for the discussion threads, I don't remember which one...

krystian3w commented 4 years ago

¿In topic v6 and v7?

Also possible glitch with Classic Windows 7 vs Windows 7 AeroGlass.

rebop commented 4 years ago

Thanks. Would be too much work per bookmark. Appreciate the reply.

From: Aris [mailto:notifications@github.com] Sent: Sunday, February 02, 2020 2:54 AM To: Aris-t2/CustomCSSforFx Cc: Bob; Comment Subject: Re: [Aris-t2/CustomCSSforFx] [!] GENERAL discussion, feedback, questions belong here! (v10) (#273)

Isn't that easy anymore. You can only add workarounds per bookmark based on its label.

The code should be in one for the discussion threads, I don't remember which one...

- You are receiving this because you commented. Reply to this email directly, view https://github.com/Aris-t2/CustomCSSforFx/issues/273?email_source=notificat ions&email_token=ADJFPUXZJ3KS6TDAXWZ6XH3RA2Q6JA5CNFSM4KHGGCMKYY3PNVWWK3TUL52 HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEKRT2RQ#issuecomment-581123398 it on GitHub, or unsubscribe https://github.com/notifications/unsubscribe-auth/ADJFPUXDFPZBGY46BOAEPJDRA 2Q6JANCNFSM4KHGGCMA . https://github.com/notifications/beacon/ADJFPUXGFJFNHUSYTYGVR4TRA2Q6JA5CNFS M4KHGGCMKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEKRT2RQ .gif

ryuukenzenkou commented 4 years ago

@Aris-t2 i just uploaded my firefox chrome folder in a zip. sorry for late reply

Aris-t2 commented 4 years ago

@ryuukenzenkou

The issue is cause by addonbar_extra_bookmarks_toolbar_below_navbar_fx65.css. I will look into it.

ryuukenzenkou commented 4 years ago

@ryuukenzenkou

The issue is cause by addonbar_extra_bookmarks_toolbar_below_navbar_fx65.css. I will look into it.

ok. take your time.. ill come back here when i get notified

nollinvoyd commented 4 years ago

You could start without the code in my_userChrome.css. then add it back piece by piece to find what is causing the issue. You could also contact the original write of the code.

You are the original writer

coline123 commented 4 years ago

Hi, I have this problem with my tabs on bottom mod script, they appear over the navigation bar, this happened after a restart of the computer, it was fine when I applied the rule on the Userchrome file

https://user-images.githubusercontent.com/60550739/73596225-1abd4580-44e6-11ea-8954-8bb335939733.png

this is my file

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/ TABS on bottom /

navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {

-moz-box-ordinal-group: 10; }

TabsToolbar {

-moz-box-ordinal-group: 1000 !important; }

TabsToolbar {

display: block !important; position: absolute !important; bottom: 10 !important; width: 100vw !important; }

main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {

padding-bottom: var(--tab-min-height) !important; }

tabbrowser-tabs {

width: 100vw !important; }

TabsToolbar #window-controls {

display: none !important; }