hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Moving kind icon top the top left corner

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-04-26 16:01:25 +03:00
parent 2d714b40ab
commit 658f2883d3
2 changed files with 4 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/common/hotbar-store.ts
View File

@ -2,9 +2,9 @@ import { action, comparer, observable, toJS } from "mobx";
import { BaseStore } from "./base-store"; import { BaseStore } from "./base-store";
import migrations from "../migrations/hotbar-store"; import migrations from "../migrations/hotbar-store";
import * as uuid from "uuid"; import * as uuid from "uuid";
import { CatalogEntity } from "./catalog-entity";
import { CatalogEntityItem } from "../renderer/components/+catalog/catalog-entity.store"; import { CatalogEntityItem } from "../renderer/components/+catalog/catalog-entity.store";
import isNull from "lodash/isNull"; import isNull from "lodash/isNull";
import { CatalogEntity } from "./catalog/catalog-entity";
export interface HotbarItem { export interface HotbarItem {
entity: { entity: {

15
src/renderer/components/hotbar/hotbar-icon.scss
View File

@ -12,25 +12,16 @@
border-radius: 6px; border-radius: 6px;
} }
div.active {
background-color: var(--primary);
}
&.interactive { &.interactive {
margin-left: -3px; margin-left: -3px;
border: 3px solid var(--clusterMenuBackground); border: 3px solid var(--clusterMenuBackground);
} }
&.active { &.active {
box-shadow: 0 0 0 3px var(--clusterMenuBackground), 0px 0px 0 6px white; box-shadow: 0 0 0 1px var(--clusterMenuBackground), 0px 0px 0 4px white;
} }
&.active, &.interactive:hover { &.active, &.interactive:hover {
div {
background-color: var(--primary);
}
img { img {
opacity: 1; opacity: 1;
} }
@ -39,8 +30,8 @@
.badge { .badge {
color: $textColorAccent; color: $textColorAccent;
position: absolute; position: absolute;
right: 0; left: 0;
bottom: 0; top: 0;
margin: -$padding; margin: -$padding;
font-size: $font-size-small; font-size: $font-size-small;
background: $clusterMenuBackground; background: $clusterMenuBackground;