How to make bars more slimmer like Chrome?
Screenshot of both the browers.. Title bar + Tab bar + Address bar & Search bar + Bookmark Tool-bar
http://i.imgur.com/DH3OqhC.png - Firefox
http://i.imgur.com/1M8HGCp.png - Chrome
I am using Linux distro based on Ubuntu - Elementary os Freya and HD screen on laptop. I feel that a large part of screen is unnecessarily occupied and I feel that Tab bar, address bar top-down margins, bookmark tool-bar margins can be more slimmer, title bar can be made optional like Chrome. http://i.imgur.com/LFNR4ZI.png
If not able to figure out difference in sizes between URLs...have a look here..http://ubuntuforums.org/showthread.php?t=2288872
Thanks for help...
Okulungisiwe ngu Eshant
All Replies (3)
hi, maybe have a look at this extension: https://addons.mozilla.org/firefox/addon/htitle/
After playing for some time:-
http://i.imgur.com/Hgu56pB.png
For this I used "Classic Theme Restorer" and "ChromeEdit" addon
Script(some part could be junk, someone please help to optimize it):- @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
- PersonalToolbar {-moz-box-ordinal-group:1!important; height:25px!important; margin-top:-7px!important; margin-bottom:0px!important}
- TabsToolbar {-moz-box-ordinal-group:1!important; height:20px!important; margin-top:-1px!important; margin-bottom:1px!important}
/* Tab bar: adjust height - chrome://browser/skin/browser.css */
- tabbrowser-tabs {height:20px!important; min-height:0px!important; border-left: 1px threedshadow solid}
.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 {
min-height:0px!important;
}
- tabbrowser-tabs .toolbarbutton-icon {padding-bottom:3px!important}
- tabbrowser-tabs .tabbrowser-tab .tab-label {padding-bottom:1px!important}
- tabbrowser-tabs .tabbrowser-tab .tab-close-button {display:1px!important}
- back-button {
padding-top: 0 !important; padding-bottom: 0 !important;
}
- forward-button {
padding-top: 0 !important; padding-bottom: 0 !important;
}
- nav-bar .toolbarbutton-1:not([type=menu-button]),
- nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
- nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {-moz-box-ordinal-group:1!important; height:25px!important; margin-top:-12px!important; margin-bottom:-5px!important}
Installed "Hide Caption Titlebar Plus" addon to remove title-bar, but this addon is for windows, not for Linux flavors, it is different from system design Before:- http://i.imgur.com/jeTAz0f.png After:- http://i.imgur.com/pa5usmf.png
Problem: Forward button http://i.imgur.com/4eEe6C3.png
Still scope for improvement...
Okulungisiwe ngu Eshant
Note that is usually better to show a screenshot that shows the full width of the Firefox window instead of a small section like you posted.
Ubuntu usually makes a lot on modification to Firefox.
Did you check if it looks different in Firefox Safe Mode?