Skip to content

Inconsistent padding logic for left and right window control buttons #72

@MaxHasBeenUsed

Description

@MaxHasBeenUsed

shimmer/userChrome.css

Lines 1245 to 1259 in 5c4c286

.titlebar-close {
/* background: hsl(355, 86%, 49%) url(chrome://browser/skin/window-controls/close.svg) no-repeat center !important; */
&:hover > image {
background: #fc5753 !important;
}
padding-right: calc(var(--shimmer-winctr-gap) + var(--shimmer-winctr-margin)) !important;
padding-left: var(--shimmer-winctr-gap) !important;
}
.titlebar-min {
&:hover > image {
background: #fdbc40 !important;
}
padding-left: calc(var(--shimmer-winctr-gap) + var(--shimmer-winctr-margin)) !important;
padding-right: var(--shimmer-winctr-gap) !important;
}

Here the padding is hardcoded so that --shimmer-winctr-margin can only be on the right side of max button, or left side of the min button. But when the close button is on the most left side, like:

Image

Adjusting --shimmer-winctr-margin no longer does what it supposed to do.

Probably related to #3

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions