floating url icons #2

/* Test Margin #4 alter */



/*  colors testing only */
/*
#star-button-box {
    background-color: khaki !important;
}

#identity-box:not(.chromeUI) .identity-box-button {
    background-color: lightblue !important;
}

#tracking-protection-icon-container {
    background-color: orange !important;
}*/


/*  Buttons right  */

:is(#identity-box:not(.chromeUI), #tracking-protection-icon-container, #page-action-buttons) {
    order: 1 !important;
    margin-inline: 0px !important;
    fill: rgba(80, 80, 80, 1.0) !important;
    z-index: 2 !important;
}

/* opacity not hover, open 0, testing 0.5 */

:is(#identity-box:not(.chromeUI) .identity-box-button, #tracking-protection-icon-container, #star-button-box):not(:hover, :hover:active, [open="true"]) {
    opacity: 0 !important;
}

/*  hover, open colors */

:is(#identity-box:not(.chromeUI) .identity-box-button, #tracking-protection-icon-container, #star-button-box):hover {
    background-color: color-mix(in srgb, white 70%, rgba(87, 80, 68, 1)) !important;
}

:is(#identity-box:not(.chromeUI) .identity-box-button, #tracking-protection-icon-container, #star-button-box)[open="true"] {
    background-color: color-mix(in srgb, white 50%, rgba(87, 80, 68, 1)) !important;
}


/* text full width, overflow ellipsis */

:root {
    --custom-url-icon-size: calc(var(--urlbar-min-height) - 2px - 2 * var(--urlbar-container-padding));
}

#urlbar-input {
    padding-inline: 9px !important;
    /*margin-right: -84px !important;*/
    margin-right: calc(0px - 3 * var(--custom-url-icon-size)) !important;
    mask-image: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}


/* extra buttons */

#urlbar-zoom-button {
    margin: 0px !important;
    order: 1 !important;
}

#reader-mode-button {
    display: none !important;
}

#identity-box[pageproxystate="invalid"] {
    display: none !important;
}

#identity-permission-box {
    display: none !important;
}


/* buttons never seen ? */

/*
#contextual-feature-recommendation,
#userContext-icons,
#reader-mode-button,
#pageActionButton,
#translations-button,
#picture-in-picture-button,
#pageActionButton {
    display: none !important;
}*/