CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-08-15 10:01:34 +12:00
Code Issues Projects Releases Wiki Activity

icon hover states

Browse source
This commit is contained in:
Gerard Burns 2023-08-21 07:54:36 +01:00
parent 4ddf797425
commit e267e71b68
2 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/LeftPanel/Components/index.svelte
View file

@ -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;

10
packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/LeftPanel/Screens/index.svelte
View file

@ -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;