/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/* Modified version for Namoroka, fuck Mozilla. */

:host([scrolledtostart])::part(overflow-start-indicator),
:host([scrolledtoend])::part(overflow-end-indicator),
:host(:not([overflowing]))>toolbarbutton {
    visibility: collapse;
}

scrollbox {
    min-width: 0;
    min-height: 0;
}

slot {
    display: flex;
    flex: 1 0 0;
    flex-direction: inherit;
}

/* Scroll arrows */

toolbarbutton {
    color: inherit;
    list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
    -moz-context-properties: fill, fill-opacity;
    fill: currentColor;
    fill-opacity: 1;
    padding: 2px;
    /* Make sure we draw on top of our scrollbox, since otherwise the up button
   * won't be hittable */
    position: relative;

    &[disabled] {
        fill-opacity: var(--toolbarbutton-disabled-opacity);
    }

    :host([orient="horizontal"])>& {
        list-style-image: url("chrome://global/skin/icons/arrow-left.svg");
    }

    @media not (-moz-platform: macos) {
        :host(:not([clicktoscroll]))>& {
            appearance: none;
        }
    }

    >.toolbarbutton-text {
        display: none;
    }
}

#scrollbutton-up>.toolbarbutton-icon {
    transform: scaleY(1);
}

:host([orient="horizontal"])>#scrollbutton-down:-moz-locale-dir(ltr)>.toolbarbutton-icon,
:host([orient="horizontal"])>#scrollbutton-up:-moz-locale-dir(rtl)>.toolbarbutton-icon {
    transform: scaleX(1);
}


:host(:not([namoroka-style-1])) {
    #scrollbutton-up,
    #scrollbutton-down {
        .toolbarbutton-icon {
            width: 3px !important;
            height: 5px !important;
        }
    }

    #scrollbutton-up {
        .toolbarbutton-icon {
            list-style-image: url("chrome://namoroka/content/firefox-1/arrow/arrow-lft.gif") !important;
        }

        &[disabled="true"] {
            .toolbarbutton-icon {
                list-style-image: url("chrome://namoroka/content/firefox-1/arrow/arrow-lft-dis.gif") !important;
            }
        }
    }

    #scrollbutton-down {
        .toolbarbutton-icon {
            list-style-image: url("chrome://namoroka/content/firefox-1/arrow/arrow-rit.gif") !important;
        }

        &[disabled="true"] {
            .toolbarbutton-icon {
                list-style-image: url("chrome://namoroka/content/firefox-1/arrow/arrow-rit-dis.gif") !important;
            }
        }
    }
}

:host([namoroka-style-1]) {
    #scrollbutton-up>.toolbarbutton-icon,
    #scrollbutton-down>.toolbarbutton-icon {
        width: 11px !important;
        height: 11px !important;
        list-style-image: none !important;
        margin-block-start: 1px !important;
    }

    #scrollbutton-up>.toolbarbutton-icon {
        background-image: var(--arrowscrollbox-left-image) !important;
    }

    #scrollbutton-down>.toolbarbutton-icon {
        background-image: var(--arrowscrollbox-right-image) !important;
    }

    #scrollbutton-up:not([disabled="true"]):hover>.toolbarbutton-icon,
    #scrollbutton-down:not([disabled="true"]):hover>.toolbarbutton-icon {
        background-position-x: -11px !important;
    }

    #scrollbutton-up:not([disabled="true"]):hover:active>.toolbarbutton-icon,
    #scrollbutton-down:not([disabled="true"]):hover:active>.toolbarbutton-icon {
        background-position-x: -33px !important;
    }

    #scrollbutton-up[disabled="true"]>.toolbarbutton-icon,
    #scrollbutton-down[disabled="true"]>.toolbarbutton-icon {
        background-position-x: -22px !important;
    }
}