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

Rewrite gradient color for light theme

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-05-12 16:20:47 +03:00
parent 2cb9ed230e
commit 93814ae684
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/renderer/components/+namespaces/namespace-select-filter.scss
View File

@ -1,5 +1,11 @@
.NamespaceSelectFilter { .NamespaceSelectFilter {
--gradientColor: var(--contentColor);
.Select { .Select {
&.theme-light {
--gradientColor: #fff;
}
&__placeholder { &__placeholder {
width: 100%; width: 100%;
white-space: nowrap; white-space: nowrap;
@ -29,12 +35,12 @@
&::before { &::before {
left: 0px; left: 0px;
background: linear-gradient(to right, var(--contentColor) 0px, transparent); background: linear-gradient(to right, var(--gradientColor) 0px, transparent);
} }
&::after { &::after {
right: 0px; right: 0px;
background: linear-gradient(to left, var(--contentColor) 0px, transparent); background: linear-gradient(to left, var(--gradientColor) 0px, transparent);
} }
} }
} }

5
src/renderer/components/+namespaces/namespace-select-filter.tsx
View File

@ -7,7 +7,7 @@ import { components, PlaceholderProps } from "react-select";
import { Icon } from "../icon"; import { Icon } from "../icon";
import { FilterIcon } from "../item-object-list/filter-icon"; import { FilterIcon } from "../item-object-list/filter-icon";
import { FilterType } from "../item-object-list/page-filters.store"; import { FilterType } from "../item-object-list/page-filters.store";
import { SelectOption } from "../select"; import { SelectOption, SelectProps } from "../select";
import { NamespaceSelect } from "./namespace-select"; import { NamespaceSelect } from "./namespace-select";
import { namespaceStore } from "./namespace.store"; import { namespaceStore } from "./namespace.store";
@ -33,9 +33,8 @@ const Placeholder = observer((props: PlaceholderProps<any>) => {
); );
}); });
@observer @observer
export class NamespaceSelectFilter extends React.Component { export class NamespaceSelectFilter extends React.Component<SelectProps> {
formatOptionLabel({ value: namespace, label }: SelectOption) { formatOptionLabel({ value: namespace, label }: SelectOption) {
if (namespace) { if (namespace) {
const isSelected = namespaceStore.hasContext(namespace); const isSelected = namespaceStore.hasContext(namespace);