/**
 * Storage picker style.
 */

@import "../variables";

$storage-picker-row-height: 34px;
$storage-picker-rows: 8;

.storage-picker {

	position: relative;

	&__list {

		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		z-index: 10;
		max-height: $storage-picker-row-height * $storage-picker-rows;
		overflow-y: auto;
		border: 1px solid $color-gray-light;
		border-radius: $border-radius;
		background: $color-white;
		box-shadow: 0 4px 12px rgba($color-black, 0.15);

	}

	&__item, &__empty {
		overflow: hidden;
		padding: 0 10px;
		line-height: $storage-picker-row-height;
		font-size: $font-size-4;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	&__item {
		cursor: pointer;
		&:hover { background: $color-light; }
	}

	&__empty {
		color: $color-gray;
		cursor: default;
	}

}