/* 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/. */

#placesList {
  width: 200px;
  min-width: 100px;
  max-width: 400px;
}

/* Toolbar */

@media (-moz-menubar-drag) {
  #placesToolbar {
    -moz-window-dragging: drag;
  }
}

#placesToolbar > toolbarbutton > .toolbarbutton-icon {
  -moz-context-properties: fill;
  fill: currentColor;
}

/* Back and forward buttons */

#back-button {
  list-style-image: url("chrome://browser/skin/back.svg");
}

#forward-button {
  list-style-image: url("chrome://browser/skin/forward.svg");
}

#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
#forward-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
  transform: scaleX(-1);
}

/* Menus */
#placesMenu > menu {
  padding-inline-start: 4px;
  appearance: auto;
  -moz-default-appearance: toolbarbutton;

  &:hover {
    color: ButtonText;
  }

  &:hover:active,
  &[open] {
    color: -moz-buttonactivetext;
  }

  &::after {
    display: flex;
    width: 12px;
    height: 12px;
    content: url("chrome://global/skin/icons/arrow-down-12.svg");
    -moz-context-properties: fill;
    fill: currentColor;
  }
}

/* Root View */
#placesView {
  background-color: Window;
}

/* Expanders */

.expander-up,
.expander-down {
  padding: 2px 0;
  padding-inline-start: 2px;
}

.expander-up > .button-box {
  appearance: auto;
  -moz-default-appearance: button-arrow-up;
}

.expander-down > .button-box {
  appearance: auto;
  -moz-default-appearance: button-arrow-down;
}

/* Downloads pane */
#clearDownloadsButton > .toolbarbutton-icon {
  display: none;
}