Skip to content
This repository has been archived by the owner on Nov 21, 2021. It is now read-only.

Remove circle around back button (Nightly 57) #9

Closed
Skrity opened this issue Sep 3, 2017 · 3 comments
Closed

Remove circle around back button (Nightly 57) #9

Skrity opened this issue Sep 3, 2017 · 3 comments

Comments

@Skrity
Copy link
Contributor

Skrity commented Sep 3, 2017

I dunno how to make PR so I figured I'll contribute this way.
Tested on W10/57.0a1 (2017-09-03) (64-bit). Not sure if complete, also probably hacky, so if someone can make it better you are welcome 👍

/* Remove circle, background, padding from backbutton */
:root:not([uidensity="compact"]) #back-button > .toolbarbutton-icon {
    background-color: unset !important;
    border: unset !important;
    padding: var(--toolbarbutton-inner-padding) !important;
    border-radius: var(--toolbarbutton-border-radius) !important; }
/* Hover and Active states to mimic other buttons */
:root:not([uidensity="compact"]) #back-button:hover:not([disabled]) > .toolbarbutton-icon {
    background-color: var(--toolbarbutton-hover-background) !important; }
:root:not([uidensity="compact"]) #back-button:active:not([disabled]) > .toolbarbutton-icon {
    background-color: var(--toolbarbutton-active-background) !important; }
/* Remove pre-padding */
:root:not([uidensity="compact"]) #back-button {
    /*padding-top: unset !important;
    padding-bottom: unset !important;   /* These two will screw nav-bar height (Nightly57)*/
    padding-inline-start: 3px !important; }
@Timvde
Copy link
Owner

Timvde commented Sep 3, 2017

Thank you for contributing! Is this style meant for Firefox 57+ only? It also seems to work for Australis, but it's not as pretty.

@Skrity
Copy link
Contributor Author

Skrity commented Sep 3, 2017

Yep I use nightly as a daily driver, so I only tested there. But it works on all out-of-box lightweight themes.

@Timvde
Copy link
Owner

Timvde commented Sep 3, 2017

Added in 2037fbb :) Thanks again!

@Timvde Timvde closed this as completed Sep 3, 2017
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants