web/satellite: show cursor as pointer when selecting session timeout

The cursor now appears as a pointer when interacting with the session
timeout modal's dropdown menu.

Change-Id: I309463b5f3af2df198a8bba5a9122e8a8f39de89
This commit is contained in:
Jeremy Wharton 2023-06-29 00:59:16 -05:00 committed by Storj Robot
parent bd3aaf4f34
commit 0ca7d19fc7

View File

@ -23,7 +23,7 @@
@click.stop="() => select(option)" @click.stop="() => select(option)"
@keyup.enter="() => select(option)" @keyup.enter="() => select(option)"
> >
<span class="selector__dropdown__item__label">{{ option.shortString }}</span> <span>{{ option.shortString }}</span>
</div> </div>
</div> </div>
</div> </div>
@ -118,13 +118,13 @@ function toggleSelector() {
justify-content: space-between; justify-content: space-between;
position: relative; position: relative;
padding: 10px 14px; padding: 10px 14px;
cursor: pointer;
&__label { &__label {
font-family: 'font_regular', sans-serif; font-family: 'font_regular', sans-serif;
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
color: var(--c-grey-6); color: var(--c-grey-6);
cursor: default;
} }
&__arrow { &__arrow {
@ -149,10 +149,7 @@ function toggleSelector() {
&__item { &__item {
padding: 10px; padding: 10px;
cursor: pointer;
&__label {
cursor: default;
}
&.selected { &.selected {
background: var(--c-grey-1); background: var(--c-grey-1);