Australis Ico/Text, Text Only and more...

Discussion of general topics about Mozilla Firefox
Locked
User avatar
shabazosu
Posts: 11
Joined: October 25th, 2011, 11:49 am

Re: Australis Ico/Text, Text Only and more...

Post by shabazosu »

I added the code to remove the star icon from the tool bar:

#bookmarks-menu-button > toolbarbutton { display:none!important; }

but quickly realized that by doing so, using Ctrl + D to bookmark your current page loses some of its functionality. It will bookmark the page and add it to your bookmarks menu, but the text box no longer appears giving you the option to edit the name of the link, select the folder, add tags, etc.

Is there a way to remove the star and still have the text box appear so you can edit your links, or is it no longer possible now in this current version of FF?
User avatar
LoudNoise
New Member
Posts: 39900
Joined: October 18th, 2007, 1:45 pm
Location: Next door to the west

Re: Australis Ico/Text, Text Only and more...

Post by LoudNoise »

Right click and select bookmark this page?
Post wrangler
"Choose between the Food Select Feature or other Functions. If no food or function is chosen, Toast is the default."
User avatar
shabazosu
Posts: 11
Joined: October 25th, 2011, 11:49 am

Re: Australis Ico/Text, Text Only and more...

Post by shabazosu »

LoudNoise wrote:Right click and select bookmark this page?


Nope - right-clicking on the page, the tab, or selecting 'Bookmark This Page' from the Bookmark menu on the Menu Bar will not bring up the text box. I'm assuming it's because the box appears under the star icon itself, so by removing the star icon you're also removing the option to have the text box appear. I guess I'll start looking at the threads I saw about moving the star icon back into the URL bar?
Last edited by shabazosu on May 10th, 2014, 12:20 pm, edited 1 time in total.
User avatar
Frank Lion
Posts: 21173
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom
Contact:

Re: Australis Ico/Text, Text Only and more...

Post by Frank Lion »

shabazosu wrote:I added the code to remove the star icon from the tool bar:

#bookmarks-menu-button > toolbarbutton { display:none!important; }

but quickly realized that by doing so, using Ctrl + D to bookmark your current page loses some of its functionality. It will bookmark the page and add it to your bookmarks menu, but the text box no longer appears giving you the option to edit the name of the link, select the folder, add tags, etc.

Is there a way to remove the star and still have the text box appear so you can edit your links, or is it no longer possible now in this current version of FF?

Thanks for this, as it demonstrates what is wrong with a lot of the .css code you see around. It seems to work but, er, doesn't really.

Display : none is only used when you need to disappear something along with its functionality.

The code you want is this -

Code: Select all

/*..Frank's proper vanish of Bookmark Star Menu button....*/
#bookmarks-menu-button > toolbarbutton { visibility: collapse !important; }



The 'Frank' bit on all this stuff just let's me know, sometime in the future, that I've tested the code and am happy with it.
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)
.
User avatar
shabazosu
Posts: 11
Joined: October 25th, 2011, 11:49 am

Re: Australis Ico/Text, Text Only and more...

Post by shabazosu »

Outstanding, the code you provided solved the problem, thanks for your help.
keeperofdakeys
Posts: 6
Joined: July 28th, 2008, 3:59 am

Re: Australis Ico/Text, Text Only and more...

Post by keeperofdakeys »

For those that are interested, I've made a "square tabs" mod, that uses the tab separator in all places that the curves are used. I wrote it for linux, so it may look different on other platforms. And I use stylish, so it could do something weird with userChrome.css (but should work).

Code: Select all

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

.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
  -moz-padding-end: 1px;
  -moz-padding-start: 1px;
}

.tab-background,
#new-tab-button,
.tabs-newtab-button {
  /* overlap the tab curves */
  -moz-margin-end: -1px;
  -moz-margin-start: -1px;
  width: 36px;
}

.tab-background-start[selected=true]::after,
.tab-background-start[selected=true]::before,
.tab-background-start,
.tab-background-end,
.tab-background-end[selected=true]::after,
.tab-background-end[selected=true]::before {
    width: 3px !important;
}
.tab-background,
.tabs-newtab-button {
  /* overlap the tab curves */
  -moz-margin-end: -1px;
  -moz-margin-start: -1px;
}

.tab-background-start[selected=true]::after{
  /* position ::after on top of its parent */
  -moz-margin-start: -3px;
}
.tab-background-end[selected=true]::after {
  /* position ::after on top of its parent */
  -moz-margin-start: -3px;
}


.tab-background-middle {
  -moz-box-flex: 1;
  background-clip: padding-box;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  margin: 0 -1px;
}
.tab-background-start[selected=true]:-moz-locale-dir(ltr)::after {
  background-image: url(chrome://browser/skin/tabbrowser/tab-separator.png);
  background-position: left bottom 1px;
}

.tab-background-end[selected=true]:-moz-locale-dir(ltr)::after {
  background-image: url(chrome://browser/skin/tabbrowser/tab-separator.png);
  background-position: right -1px bottom 1px;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]),
.tabs-newtab-button:hover {
  background-image: url(chrome://browser/skin/tabbrowser/tab-separator.png),
                    url(chrome://browser/skin/tabbrowser/tab-background-middle.png),
                    url(chrome://browser/skin/tabbrowser/tab-separator.png);
  background-position: left bottom, 3px bottom, calc(100% + 1px) bottom;
  background-repeat: no-repeat;
  background-size: 3px 100%, calc(100% - (2 * 3px)) 100%, 3px 100%;
}

.tab-background-start[selected=true]::after {
  /* position ::after on top of its parent */
  -moz-margin-start: -3px;
}
.tab-background-end[selected=true]::after {
  /* position ::after on top of its parent */
  -moz-margin-start: -3px;
}

.tab-background-middle[selected=true] {
  background-clip: padding-box, padding-box, content-box;

  background-repeat: repeat-x;
  background-size: auto 100%;
  /* The padding-top combined with background-clip: content-box (the bottom-most) ensure the
     background-color doesn't extend above the top border. */
  padding-top: 2px;
}

User avatar
Frank Lion
Posts: 21173
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom
Contact:

Re: Australis Ico/Text, Text Only and more...

Post by Frank Lion »

keeperofdakeys wrote:For those that are interested, I've made a "square tabs" mod, that uses the tab separator in all places that the curves are used. I wrote it for linux, so it may look different on other platforms. And I use stylish, so it could do something weird with userChrome.css (but should work).

Good effort, but I think perhaps you need to do a fair bit more testing one that one.

Just one tip - using the default browser.css tab coding (I can tell) as your starting point is probably not the best/easiest/effective way to tackle this.

Incidentally, Linux and Windows coding in that tab areas is well nigh identical, except for sometimes needing a Win7 specific 1 or 2px top/bottom margin adjustment.
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)
.
keeperofdakeys
Posts: 6
Joined: July 28th, 2008, 3:59 am

Re: Australis Ico/Text, Text Only and more...

Post by keeperofdakeys »

Frank Lion wrote:Just one tip - using the default browser.css tab coding (I can tell) as your starting point is probably not the best/easiest/effective way to tackle this.


Yeah, it was something quick and dirty that I made in an evening, to get rid of the curves. I don't have any knowledge about how firefox uses XUL and CSS to layout a gui, and I probably don't want to know. I'm happy enough with the result for now.
User avatar
LIMPET235
Moderator
Posts: 39933
Joined: October 19th, 2007, 1:53 am
Location: The South Coast of N.S.W. Oz.

Re: Australis Ico/Text, Text Only and more...

Post by LIMPET235 »

Hi Frank,
Thank you for your excellent codes for modifying, errr, allowing us to change Firefox back to a more "normal" appearance.

I have a minor glitch though.

Icons in the Menu Bar are now fine after installing the "small icons .css" you posted on the 1st page, 4th post, at the bottom.
viz; > viewtopic.php?p=13220879#p13220879
But, the icons in the Status/Addons Bar are now cuddly close. :)
Any way to spread 'em-out-a-tad? Please.

Pic explains it..

Image
[Ancient Amateur Astronomer.]
Win-10-H/64 bit/500G SSD/16 Gig Ram/450Watt PSU/350WattUPS/Firefox-115.0.2/T-bird-115.3.2./SnagIt-v10.0.1/MWP-7.12.125.

(Always choose the "Custom" Install.)
User avatar
Frank Lion
Posts: 21173
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom
Contact:

Re: Australis Ico/Text, Text Only and more...

Post by Frank Lion »

LIMPET235 wrote:I have a minor glitch though.

Not any more, you won't. :)

Replace this bit -

Code: Select all

 toolbarbutton {
      padding: 0px !important;} 


...with this -

Code: Select all

#navigator-toolbox  toolbarbutton {
      padding: 0px !important;}


You're done.

(Tested FF29/default 'theme'/XP)
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)
.
User avatar
LIMPET235
Moderator
Posts: 39933
Joined: October 19th, 2007, 1:53 am
Location: The South Coast of N.S.W. Oz.

Re: Australis Ico/Text, Text Only and more...

Post by LIMPET235 »

Thank you. It's much appreciated Frank.
Image

Image
[Ancient Amateur Astronomer.]
Win-10-H/64 bit/500G SSD/16 Gig Ram/450Watt PSU/350WattUPS/Firefox-115.0.2/T-bird-115.3.2./SnagIt-v10.0.1/MWP-7.12.125.

(Always choose the "Custom" Install.)
User avatar
Frank Lion
Posts: 21173
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom
Contact:

Re: Australis Ico/Text, Text Only and more...

Post by Frank Lion »

LIMPET235 wrote:Thank you.

No problem.

I was looking at that first page link you quoted. Wasn't over-impressed with that #TabsToolbar part (there are a lot of ways to fix a lot of things and I must have been really busy that day to do a fix like that! ) I'll edit that post sometime.

viewtopic.php?p=13220879#p13220879
Frank Lion wrote:I've only done this stuff very quickly and only tested it on XP...

Says you. Quickly don't cut it, doing it right does.


Meanwhile replace this -

Code: Select all

 #TabsToolbar {
      max-height : 25px !important;}



...with this -

Code: Select all

  /*  #TabsToolbar {
      max-height : 25px !important;}*/
    
    .tabbrowser-tabs {
       height: 25px !important;
      min-height: 0px !important; }


Oh, and until your Red Cats theme gets versioned up, you might be needing this as well. ;)


Code: Select all

toolbar {
   -moz-appearance: none !important;
   background : #C4D4C5 !important;}      
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)
.
User avatar
LIMPET235
Moderator
Posts: 39933
Joined: October 19th, 2007, 1:53 am
Location: The South Coast of N.S.W. Oz.

Re: Australis Ico/Text, Text Only and more...

Post by LIMPET235 »

Once again.
Thank you Frank.
Image

I can now see all the extension buttons in the Menu Bar.
:)
[Ancient Amateur Astronomer.]
Win-10-H/64 bit/500G SSD/16 Gig Ram/450Watt PSU/350WattUPS/Firefox-115.0.2/T-bird-115.3.2./SnagIt-v10.0.1/MWP-7.12.125.

(Always choose the "Custom" Install.)
User avatar
Frank Lion
Posts: 21173
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom
Contact:

Re: Australis Ico/Text, Text Only and more...

Post by Frank Lion »

No problem. :)

Back to business. It's been pointed out to me that hiding the last tab is difficult/not happening in FF29+.

That's nothing to do with userChrome.css which is exactly as it was, but has a lot to do with the Firefox 'devs' recently introducing a bizarre minimum height on tabbrowser-tabs, while throwing paper darts at each or something, I'd imagine.

In the fix, you can have toolbar buttons on that tab bar if you want, but it will not then collapse completely, as it should.

Here is the fix -

Code: Select all

/* Franks Hide Tab Bar When Only One Tab is Open for FF29 onwards... */
 
#tabbrowser-tabs { min-height: 0px !important;}
 
#tabbrowser-tabs tab[first-tab='true'][last-tab='true'] { display:none !important; }

/* Theme Fix - you only need these next 2 lines if your theme doesn't look right
...just uncomment them to use.............

#TabsToolbar { border : none !important;}
#TabsToolbar { min-height: 0px !important;}*/
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)
.
User avatar
dickvl
Posts: 54145
Joined: July 18th, 2005, 3:25 am

Re: Australis Ico/Text, Text Only and more...

Post by dickvl »

I move the icons of the toolbar buttons on the Tab bar a bit up on Linux as that looks better for me and place a left border on the tabs as I have buttons to the left of the tabs (private tab).

Code: Select all

/* see also chrome://browser/skin/browser.css */
#tabbrowser-tabs { height: 26px !important;  border-left: 1px threedshadow solid; }

#tabbrowser-tabs toolbarbutton > .toolbarbutton-icon { padding-bottom: 2px !important; }


I haven't checked the thread to see if code like this to move the Show All Bookmarks and Show All History items to the top already have been posted, but this is what I use.
I don't know why they have put these at the bottom.

Code: Select all

/* move "Show All Bookmarks" to the top of the Bookmarks drop-down list */
#BMB_bookmarksPopup #BMB_bookmarksShowAll  { -moz-box-ordinal-group: 0 !important; }

/* move "Show All History" to the top of the History drop-down list */
#PanelUI-history > *  {-moz-box-ordinal-group:3!important}
#PanelUI-history > label.panel-subview-header { -moz-box-ordinal-group: 1 !important; }
#PanelUI-history > #PanelUI-historyMore  { -moz-box-ordinal-group: 2 !important; }

/* forward button visible */
#navigator-toolbox #forward-button { visibility: visible !important; opacity: 1 !important}
#navigator-toolbox #urlbar   { margin-left:0px !important; }
Locked