1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
lens/src/renderer/components/hotbar/hotbar-icon.module.scss
Jim Ehrismann 5dd3896716
Release/v5.4.5 (#5194)
* Fix mobx error after Edit Resource tab close (#5130)

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* Fix use transparent bg if Avatar contains <img/> inside (#5131)

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* Fix exception in KubeStore.watch event buffer handling (#5120)

* Fix exception in KubeStore.watch event buffer handling

Signed-off-by: Sebastian Malton <sebastian@malton.name>

* Fix type error

Signed-off-by: Sebastian Malton <sebastian@malton.name>
Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* Remove HotbarIcon box-shadow artifacts (#5142)

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* Set dock tab contrast bg color (#5143)

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* Fix CatalogEntity.status sorting in Catalog (#5147)

Signed-off-by: Sebastian Malton <sebastian@malton.name>
Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* Reset ClusterStatus state when switching clusters (#5149)

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* fix bad merge for 'Reset ClusterStatus state when switching clusters (#5149)'

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

* release v5.4.5

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

Co-authored-by: Alex Andreev <alex.andreev.email@gmail.com>
Co-authored-by: Sebastian Malton <sebastian@malton.name>
2022-04-05 18:54:26 -04:00

37 lines
846 B
SCSS

/**
* Copyright (c) OpenLens Authors. All rights reserved.
* Licensed under MIT License. See LICENSE in root directory for more information.
*/
.HotbarIcon {
--corner: 0px 0px 0px 1px var(--clusterMenuBackground);
--iconActiveShadow: var(--corner), var(--corner), 0 0 0px 3px var(--clusterMenuBackground), 0 0 0px 6px var(--textColorAccent);
--iconHoverShadow: 0 0 0px 3px var(--clusterMenuBackground), 0 0 0px 6px #ffffff50;
display: flex;
cursor: pointer;
position: relative;
border-radius: 6px;
transition: box-shadow 0.1s ease-in-out;
&:not(.active):hover {
box-shadow: var(--iconHoverShadow);
}
}
.contextMenuAvailable {
cursor: context-menu;
}
.avatar {
border-radius: 6px;
&.hasImage {
background-color: var(--clusterMenuCellBackground);
}
}
.active {
box-shadow: var(--iconActiveShadow);
}