icon hover states
This commit is contained in:
parent
4ddf797425
commit
e267e71b68
2 changed files with 13 additions and 1 deletions
|
@ -137,6 +137,10 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.addButton:hover {
|
||||||
|
color: var(--ink);
|
||||||
|
}
|
||||||
|
|
||||||
.list-panel {
|
.list-panel {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
|
@ -74,7 +74,7 @@
|
||||||
<Body size="S">Screens</Body>
|
<Body size="S">Screens</Body>
|
||||||
</div>
|
</div>
|
||||||
<div on:click={openSearch} class="searchButton" class:hide={search}>
|
<div on:click={openSearch} class="searchButton" class:hide={search}>
|
||||||
<Icon name="Search" />
|
<Icon size="S" name="Search" />
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
on:click={handleAddButton}
|
on:click={handleAddButton}
|
||||||
|
@ -218,6 +218,10 @@
|
||||||
transition: opacity 300ms;
|
transition: opacity 300ms;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.searchButton:hover {
|
||||||
|
color: var(--ink);
|
||||||
|
}
|
||||||
|
|
||||||
.hide {
|
.hide {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
@ -233,6 +237,10 @@
|
||||||
transform: rotate(45deg);
|
transform: rotate(45deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.addButton:hover {
|
||||||
|
color: var(--ink);
|
||||||
|
}
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
|
|
Loading…
Reference in a new issue