WEBDIENSTE/huly-platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2026-09-22 09:35:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fixed colors and icon in LOVE (#7270)

Browse Source
This commit is contained in:
Alexander Platov
2024-12-06 08:16:47 +07:00
committed by GitHub
parent 6256f8b02d
commit e9c6f408a8
3 changed files with 31 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/workbench-resources/src/components/AppItem.svelte
+19 -27
View File
@@ -21,7 +21,7 @@
export let icon: Asset | AnySvelteComponent
export let selected: boolean = false
export let size: 'small' | 'medium' | 'large' = 'large'
export let kind: 'default' | 'positive' | 'negative' = 'default'
export let kind: 'default' | 'positive' | 'negative' | 'warning' | 'accented' = 'default'
export let loading: boolean = false
export let notify: boolean = false
export let navigator: boolean = false
@@ -105,35 +105,27 @@
&.navigator {
border-color: var(--theme-button-border);
}
&.positive {
background-color: var(--positive-button-default);
&:hover {
background-color: var(--positive-button-hovered);
}
&:active,
&.selected {
background-color: var(--positive-button-pressed);
}
&.selected:hover {
background-color: var(--positive-button-focused);
}
&.positive,
&.positive.selected {
background-color: var(--global-online-color);
}
&.negative {
background-color: var(--negative-button-default);
&:hover {
background-color: var(--negative-button-hovered);
}
&:active,
&.selected {
background-color: var(--negative-button-pressed);
}
&.selected:hover {
background-color: var(--negative-button-focused);
}
&.negative,
&.negative.selected {
background-color: var(--button-negative-BackgroundColor);
}
&.warning,
&.warning.selected {
background-color: var(--theme-warning-color);
}
&.accented,
&.accented.selected {
background-color: var(--global-disabled-PriorityColor);
}
&.positive .icon-container,
&.negative .icon-container {
color: var(--theme-caption-color);
&.negative .icon-container,
&.warning .icon-container,
&.accented .icon-container {
color: var(--primary-button-color);
}
}