MozillaZine

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

Discussion of general topics about Mozilla Firefox
shabazosu

User avatar
 
Posts: 11
Joined: October 25th, 2011, 11:49 am

Post Posted May 10th, 2014, 9:41 am

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?

LoudNoise
Moderator

User avatar
 
Posts: 40048
Joined: October 18th, 2007, 1:45 pm
Location: Next door to the west

Post Posted May 10th, 2014, 9:54 am

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."

shabazosu

User avatar
 
Posts: 11
Joined: October 25th, 2011, 11:49 am

Post Posted May 10th, 2014, 10:05 am

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.

Frank Lion

User avatar
 
Posts: 19423
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom

Post Posted May 10th, 2014, 10:58 am

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.
Metal Lion latest SeaMonkey & Thunderbird Themes - Sea Monkey and Silver Sea Monkey
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)

shabazosu

User avatar
 
Posts: 11
Joined: October 25th, 2011, 11:49 am

Post Posted May 10th, 2014, 11:41 am

Outstanding, the code you provided solved the problem, thanks for your help.

keeperofdakeys
 
Posts: 6
Joined: July 28th, 2008, 3:59 am

Post Posted May 15th, 2014, 12:23 am

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;
}


Frank Lion

User avatar
 
Posts: 19423
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom

Post Posted May 15th, 2014, 10:14 am

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.
Metal Lion latest SeaMonkey & Thunderbird Themes - Sea Monkey and Silver Sea Monkey
"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

Post Posted May 15th, 2014, 11:56 pm

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.

LIMPET235
Moderator

User avatar
 
Posts: 37604
Joined: October 19th, 2007, 1:53 am
Location: The South Coast of N.S.W. Oz.

Post Posted May 18th, 2014, 9:04 am

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-7-HP/Intel® DualCore-2.0GHz/500G HDD/4 Gig Ram/550Watt PSU/350WattUPS/Firefox-20.0-56.0.1/T-bird-2.0.0.24/SnagIt-v10.0.1/MWP-7.11.0.
RadioYachting.
(Always choose the "Custom" Install.)

Frank Lion

User avatar
 
Posts: 19423
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom

Post Posted May 18th, 2014, 9:55 am

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)
Metal Lion latest SeaMonkey & Thunderbird Themes - Sea Monkey and Silver Sea Monkey
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)

LIMPET235
Moderator

User avatar
 
Posts: 37604
Joined: October 19th, 2007, 1:53 am
Location: The South Coast of N.S.W. Oz.

Post Posted May 18th, 2014, 10:09 am

Thank you. It's much appreciated Frank.
Image

Image
Ancient Amateur Astronomer
Win-7-HP/Intel® DualCore-2.0GHz/500G HDD/4 Gig Ram/550Watt PSU/350WattUPS/Firefox-20.0-56.0.1/T-bird-2.0.0.24/SnagIt-v10.0.1/MWP-7.11.0.
RadioYachting.
(Always choose the "Custom" Install.)

Frank Lion

User avatar
 
Posts: 19423
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom

Post Posted May 18th, 2014, 10:24 am

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;}      
Metal Lion latest SeaMonkey & Thunderbird Themes - Sea Monkey and Silver Sea Monkey
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)

LIMPET235
Moderator

User avatar
 
Posts: 37604
Joined: October 19th, 2007, 1:53 am
Location: The South Coast of N.S.W. Oz.

Post Posted May 18th, 2014, 10:50 am

Once again.
Thank you Frank.
Image

I can now see all the extension buttons in the Menu Bar.
:)
Ancient Amateur Astronomer
Win-7-HP/Intel® DualCore-2.0GHz/500G HDD/4 Gig Ram/550Watt PSU/350WattUPS/Firefox-20.0-56.0.1/T-bird-2.0.0.24/SnagIt-v10.0.1/MWP-7.11.0.
RadioYachting.
(Always choose the "Custom" Install.)

Frank Lion

User avatar
 
Posts: 19423
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom

Post Posted May 18th, 2014, 11:01 am

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;}*/
Metal Lion latest SeaMonkey & Thunderbird Themes - Sea Monkey and Silver Sea Monkey
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)

dickvl

User avatar
 
Posts: 52279
Joined: July 18th, 2005, 3:25 am

Post Posted June 21st, 2014, 5:28 pm

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; }

Return to Firefox General


Who is online

Users browsing this forum: No registered users and 7 guests