mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
Fix html font size and adjust usage of rem units (#5641)
* Leave default browser font-size for the html Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Fix preferences helm repos layout Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Adjust usage of rem units Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Adjust namespace select filter option sizes Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Fixing ToBottom btn sizing Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Fixing Remove Cluster dialog sizing Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Fixing catalog sidebar title font-size Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Fix Notice sizing Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Update snapshots Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Update more snapshots Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev
GitHub
parent
fa32aa1b8e
commit
8349d6aa4a
@ -886,18 +886,20 @@ exports[`add custom helm repository in preferences when navigating to preference
|
|||||||
class="repos"
|
class="repos"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-Some active repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-Some active repository"
|
||||||
Some active repository
|
>
|
||||||
</div>
|
Some active repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-url
|
>
|
||||||
|
some-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
@ -1370,18 +1372,20 @@ exports[`add custom helm repository in preferences when navigating to preference
|
|||||||
class="repos"
|
class="repos"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-Some active repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-Some active repository"
|
||||||
Some active repository
|
>
|
||||||
</div>
|
Some active repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-url
|
>
|
||||||
|
some-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
@ -1963,18 +1967,20 @@ exports[`add custom helm repository in preferences when navigating to preference
|
|||||||
class="repos"
|
class="repos"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-Some active repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-Some active repository"
|
||||||
Some active repository
|
>
|
||||||
</div>
|
Some active repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-url
|
>
|
||||||
|
some-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
@ -2455,18 +2461,20 @@ exports[`add custom helm repository in preferences when navigating to preference
|
|||||||
class="repos"
|
class="repos"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-Some active repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-Some active repository"
|
||||||
Some active repository
|
>
|
||||||
</div>
|
Some active repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-url
|
>
|
||||||
|
some-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
@ -3048,18 +3056,20 @@ exports[`add custom helm repository in preferences when navigating to preference
|
|||||||
class="repos"
|
class="repos"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-Some active repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-Some active repository"
|
||||||
Some active repository
|
>
|
||||||
</div>
|
Some active repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-url
|
>
|
||||||
|
some-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
@ -3817,18 +3827,20 @@ exports[`add custom helm repository in preferences when navigating to preference
|
|||||||
class="repos"
|
class="repos"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-Some active repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-Some active repository"
|
||||||
Some active repository
|
>
|
||||||
</div>
|
Some active repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-url
|
>
|
||||||
|
some-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
@ -4410,18 +4422,20 @@ exports[`add custom helm repository in preferences when navigating to preference
|
|||||||
class="repos"
|
class="repos"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-Some active repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-Some active repository"
|
||||||
Some active repository
|
>
|
||||||
</div>
|
Some active repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-url
|
>
|
||||||
|
some-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
@ -5179,18 +5193,20 @@ exports[`add custom helm repository in preferences when navigating to preference
|
|||||||
class="repos"
|
class="repos"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-Some active repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-Some active repository"
|
||||||
Some active repository
|
>
|
||||||
</div>
|
Some active repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-url
|
>
|
||||||
|
some-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
@ -5772,18 +5788,20 @@ exports[`add custom helm repository in preferences when navigating to preference
|
|||||||
class="repos"
|
class="repos"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-Some active repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-Some active repository"
|
||||||
Some active repository
|
>
|
||||||
</div>
|
Some active repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-url
|
>
|
||||||
|
some-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
|
|||||||
@ -886,18 +886,20 @@ exports[`add helm repository from list in preferences when navigating to prefere
|
|||||||
class="repos"
|
class="repos"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-Some already active repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-Some already active repository"
|
||||||
Some already active repository
|
>
|
||||||
</div>
|
Some already active repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-url
|
>
|
||||||
|
some-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
@ -1372,18 +1374,20 @@ exports[`add helm repository from list in preferences when navigating to prefere
|
|||||||
class="repos"
|
class="repos"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-Some already active repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-Some already active repository"
|
||||||
Some already active repository
|
>
|
||||||
</div>
|
Some already active repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-url
|
>
|
||||||
|
some-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
@ -1907,18 +1911,20 @@ exports[`add helm repository from list in preferences when navigating to prefere
|
|||||||
class="repos"
|
class="repos"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-Some already active repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-Some already active repository"
|
||||||
Some already active repository
|
>
|
||||||
</div>
|
Some already active repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-url
|
>
|
||||||
|
some-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
@ -2391,18 +2397,20 @@ exports[`add helm repository from list in preferences when navigating to prefere
|
|||||||
class="repos"
|
class="repos"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-Some already active repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-Some already active repository"
|
||||||
Some already active repository
|
>
|
||||||
</div>
|
Some already active repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-url
|
>
|
||||||
|
some-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
@ -3354,18 +3362,20 @@ exports[`add helm repository from list in preferences when navigating to prefere
|
|||||||
class="repos"
|
class="repos"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-Some already active repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-Some already active repository"
|
||||||
Some already active repository
|
>
|
||||||
</div>
|
Some already active repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-url
|
>
|
||||||
|
some-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
@ -3382,18 +3392,20 @@ exports[`add helm repository from list in preferences when navigating to prefere
|
|||||||
</i>
|
</i>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-Some to be added repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-Some to be added repository"
|
||||||
Some to be added repository
|
>
|
||||||
</div>
|
Some to be added repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-other-url
|
>
|
||||||
|
some-other-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
@ -3868,18 +3880,20 @@ exports[`add helm repository from list in preferences when navigating to prefere
|
|||||||
class="repos"
|
class="repos"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-Some already active repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-Some already active repository"
|
||||||
Some already active repository
|
>
|
||||||
</div>
|
Some already active repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-url
|
>
|
||||||
|
some-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
@ -3896,18 +3910,20 @@ exports[`add helm repository from list in preferences when navigating to prefere
|
|||||||
</i>
|
</i>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-Some to be added repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-Some to be added repository"
|
||||||
Some to be added repository
|
>
|
||||||
</div>
|
Some to be added repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-other-url
|
>
|
||||||
|
some-other-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
@ -4441,18 +4457,20 @@ exports[`add helm repository from list in preferences when navigating to prefere
|
|||||||
class="repos"
|
class="repos"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-Some already active repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-Some already active repository"
|
||||||
Some already active repository
|
>
|
||||||
</div>
|
Some already active repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-url
|
>
|
||||||
|
some-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
@ -4469,18 +4487,20 @@ exports[`add helm repository from list in preferences when navigating to prefere
|
|||||||
</i>
|
</i>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-Some to be added repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-Some to be added repository"
|
||||||
Some to be added repository
|
>
|
||||||
</div>
|
Some to be added repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-other-url
|
>
|
||||||
|
some-other-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
|
|||||||
@ -3065,18 +3065,20 @@ exports[`listing active helm repositories in preferences when navigating to pref
|
|||||||
class="repos"
|
class="repos"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-some-repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-some-repository"
|
||||||
some-repository
|
>
|
||||||
</div>
|
some-repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-repository-url
|
>
|
||||||
|
some-repository-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
@ -3093,18 +3095,20 @@ exports[`listing active helm repositories in preferences when navigating to pref
|
|||||||
</i>
|
</i>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-some-other-repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-some-other-repository"
|
||||||
some-other-repository
|
>
|
||||||
</div>
|
some-other-repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-other-repository-url
|
>
|
||||||
|
some-other-repository-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
|
|||||||
@ -886,18 +886,20 @@ exports[`remove helm repository from list of active repositories in preferences
|
|||||||
class="repos"
|
class="repos"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-some-active-repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-some-active-repository"
|
||||||
some-active-repository
|
>
|
||||||
</div>
|
some-active-repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-url
|
>
|
||||||
|
some-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
@ -1370,18 +1372,20 @@ exports[`remove helm repository from list of active repositories in preferences
|
|||||||
class="repos"
|
class="repos"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="item flex gaps align-center justify-space-between mt-3"
|
class="item flex gaps align-center justify-space-between repo"
|
||||||
>
|
>
|
||||||
<div
|
<div>
|
||||||
class="repoName"
|
<div
|
||||||
data-testid="helm-repository-some-active-repository"
|
class="repoName"
|
||||||
>
|
data-testid="helm-repository-some-active-repository"
|
||||||
some-active-repository
|
>
|
||||||
</div>
|
some-active-repository
|
||||||
<div
|
</div>
|
||||||
class="repoUrl"
|
<div
|
||||||
>
|
class="repoUrl"
|
||||||
some-url
|
>
|
||||||
|
some-url
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i
|
<i
|
||||||
class="Icon material interactive focusable"
|
class="Icon material interactive focusable"
|
||||||
|
|||||||
@ -8,12 +8,15 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.parent {
|
.parent {
|
||||||
@apply uppercase font-bold;
|
|
||||||
color: var(--textColorAccent);
|
color: var(--textColorAccent);
|
||||||
font-size: small;
|
font-size: small;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.catalog {
|
.catalog {
|
||||||
@apply p-5 font-bold text-2xl;
|
font-size: medium;
|
||||||
|
padding: var(--padding) calc(var(--padding) * 1.5);
|
||||||
|
font-weight: bold;
|
||||||
color: var(--textColorAccent);
|
color: var(--textColorAccent);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -4,8 +4,12 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
.notice {
|
.notice {
|
||||||
@apply p-8 flex flex-col gap-2 rounded-lg;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: calc(var(--unit) * 2);
|
||||||
background-color: var(--inputControlBackground);
|
background-color: var(--inputControlBackground);
|
||||||
border: 1px solid var(--boxShadow);
|
border: 1px solid var(--boxShadow);
|
||||||
color: var(--textColorTertiary);
|
color: var(--textColorTertiary);
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: calc(var(--padding) * 2);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -59,6 +59,8 @@
|
|||||||
&__option {
|
&__option {
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
|
padding: 4px 8px;
|
||||||
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -4,12 +4,22 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
.repos {
|
.repos {
|
||||||
@apply mt-6 flex flex-col;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin-top: calc(var(--margin) * 2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.repos .repo + .repo {
|
||||||
|
margin-top: calc(var(--margin) * 1.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.contents {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--padding);
|
||||||
}
|
}
|
||||||
|
|
||||||
.repoName {
|
.repoName {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
margin-bottom: 8px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.repoUrl {
|
.repoUrl {
|
||||||
|
|||||||
@ -40,14 +40,16 @@ const NonInjectedActiveHelmRepositories = observer(({ activeHelmRepositories, re
|
|||||||
<RemovableItem
|
<RemovableItem
|
||||||
key={repository.name}
|
key={repository.name}
|
||||||
onRemove={() => removeRepository(repository)}
|
onRemove={() => removeRepository(repository)}
|
||||||
className="mt-3"
|
className={styles.repo}
|
||||||
data-testid={`remove-helm-repository-${repository.name}`}
|
data-testid={`remove-helm-repository-${repository.name}`}
|
||||||
>
|
>
|
||||||
<div data-testid={`helm-repository-${repository.name}`} className={styles.repoName}>
|
<div>
|
||||||
{repository.name}
|
<div data-testid={`helm-repository-${repository.name}`} className={styles.repoName}>
|
||||||
</div>
|
{repository.name}
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className={styles.repoUrl}>{repository.url}</div>
|
<div className={styles.repoUrl}>{repository.url}</div>
|
||||||
|
</div>
|
||||||
</RemovableItem>
|
</RemovableItem>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,7 +1,8 @@
|
|||||||
.item {
|
.item {
|
||||||
--flex-gap: 1.2rem;
|
--flex-gap: 0.5rem;
|
||||||
|
|
||||||
@apply rounded-md px-7 py-5 shadow-sm;
|
|
||||||
background: var(--inputControlBackground);
|
background: var(--inputControlBackground);
|
||||||
min-height: 65px;
|
min-height: 65px;
|
||||||
|
border-radius: 3px;
|
||||||
|
padding: calc(var(--padding) * 1.5);
|
||||||
}
|
}
|
||||||
@ -68,6 +68,9 @@
|
|||||||
html, body {
|
html, body {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
color: var(--textColorPrimary);
|
color: var(--textColorPrimary);
|
||||||
background-color: var(--mainBackground);
|
background-color: var(--mainBackground);
|
||||||
font-size: var(--font-size);
|
font-size: var(--font-size);
|
||||||
|
|||||||
@ -1,17 +1,22 @@
|
|||||||
.warning {
|
.warning {
|
||||||
@apply mt-4 flex py-4 px-6 rounded-md items-center;
|
display: flex;
|
||||||
|
margin-top: var(--margin);
|
||||||
|
padding: calc(var(--padding) * 2) calc(var(--padding) * 3);
|
||||||
|
border-radius: 4px;
|
||||||
|
align-items: center;
|
||||||
background: #fad8d7;
|
background: #fad8d7;
|
||||||
color: #797979;
|
color: #797979;
|
||||||
}
|
}
|
||||||
|
|
||||||
.warningIcon {
|
.warningIcon {
|
||||||
@apply mr-5;
|
margin-right: calc(var(--margin) * 2.4);
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dialog {
|
.dialog {
|
||||||
> div {
|
> div {
|
||||||
@apply rounded-md bg-white;
|
border-radius: 4px;
|
||||||
|
background-color: white;
|
||||||
max-width: 600px;
|
max-width: 600px;
|
||||||
min-width: calc(45 * var(--unit));
|
min-width: calc(45 * var(--unit));
|
||||||
}
|
}
|
||||||
@ -22,11 +27,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dialogContent {
|
.dialogContent {
|
||||||
@apply p-9 leading-9;
|
padding: calc(var(--padding) * 2) calc(var(--padding) * 3);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dialogButtons {
|
.dialogButtons {
|
||||||
@apply flex justify-end p-7 rounded-md;
|
display: flex;
|
||||||
|
border-radius: 4px;
|
||||||
|
justify-content: flex-end;
|
||||||
|
padding: calc(var(--padding) * 2);
|
||||||
background: #f4f4f4;
|
background: #f4f4f4;
|
||||||
|
|
||||||
> * {
|
> * {
|
||||||
@ -35,7 +43,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.hr {
|
.hr {
|
||||||
@apply mt-7;
|
margin-top: calc(var(--margin) * 3);
|
||||||
height: 1px;
|
height: 1px;
|
||||||
background: #dfdfdf80;
|
background: #dfdfdf80;
|
||||||
}
|
}
|
||||||
@ -204,9 +204,9 @@ class NonInjectedDeleteClusterDialog extends React.Component<Dependencies> {
|
|||||||
<div className={styles.dialogContent}>
|
<div className={styles.dialogContent}>
|
||||||
{this.renderDeleteMessage(state)}
|
{this.renderDeleteMessage(state)}
|
||||||
{this.renderWarning(state)}
|
{this.renderWarning(state)}
|
||||||
<hr className={styles.hr} />
|
|
||||||
{contexts.length > 0 && (
|
{contexts.length > 0 && (
|
||||||
<>
|
<>
|
||||||
|
<hr className={styles.hr} />
|
||||||
<div className="mt-4">
|
<div className="mt-4">
|
||||||
<Checkbox
|
<Checkbox
|
||||||
data-testid="context-switch"
|
data-testid="context-switch"
|
||||||
|
|||||||
@ -94,5 +94,5 @@
|
|||||||
.title {
|
.title {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
margin-right: 2.5rem;
|
margin-right: calc(var(--margin) * 3);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -8,7 +8,7 @@ import { Icon } from "../../icon";
|
|||||||
export function ToBottom({ onClick }: { onClick: () => void }) {
|
export function ToBottom({ onClick }: { onClick: () => void }) {
|
||||||
return (
|
return (
|
||||||
<button
|
<button
|
||||||
className="absolute top-3 right-3 z-10 rounded-md flex align-center px-1.5 py-1.5 pl-3.5"
|
className="absolute top-3 right-3 z-10 rounded-md flex align-center px-1 py-1 pl-3"
|
||||||
style={{ backgroundColor: "var(--blue)" }}
|
style={{ backgroundColor: "var(--blue)" }}
|
||||||
onClick={evt => {
|
onClick={evt => {
|
||||||
evt.currentTarget.blur();
|
evt.currentTarget.blur();
|
||||||
|
|||||||
@ -6,7 +6,7 @@
|
|||||||
.SidebarCluster {
|
.SidebarCluster {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 1.25rem;
|
padding: calc(var(--padding) * 1.2);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
@ -38,13 +38,12 @@
|
|||||||
|
|
||||||
.menu {
|
.menu {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
margin-top: -1.25rem;
|
margin-top: -10px;
|
||||||
margin-left: 1.25rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar {
|
.avatar {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
margin-right: 1.25rem;
|
margin-right: calc(var(--margin) * 1.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
.loadingAvatar {
|
.loadingAvatar {
|
||||||
|
|||||||
@ -24,18 +24,18 @@
|
|||||||
-webkit-app-region: no-drag;
|
-webkit-app-region: no-drag;
|
||||||
|
|
||||||
&:first-of-type {
|
&:first-of-type {
|
||||||
padding-left: 1.5rem;
|
padding-left: calc(var(--padding) * 2);
|
||||||
|
|
||||||
& > *:not(:empty) {
|
& > *:not(:empty) {
|
||||||
margin-right: 1rem;
|
margin-right: calc(var(--padding) * 1.5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:last-of-type {
|
&:last-of-type {
|
||||||
padding-right: 1.5rem;
|
padding-right: calc(var(--padding) * 2);
|
||||||
|
|
||||||
& > *:not(:empty) {
|
& > *:not(:empty) {
|
||||||
margin-left: 1rem;
|
margin-left: calc(var(--padding) * 1.5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -64,7 +64,7 @@
|
|||||||
|
|
||||||
.windowButtons {
|
.windowButtons {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-right: -1.5rem;
|
margin-right: calc(var(--padding) * -2);
|
||||||
|
|
||||||
> div {
|
> div {
|
||||||
@apply flex items-center justify-center;
|
@apply flex items-center justify-center;
|
||||||
@ -82,7 +82,7 @@
|
|||||||
width: 16px;
|
width: 16px;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
margin-right: 1.1rem;
|
margin-right: calc(var(--padding) * -1.5);
|
||||||
color: var(--textColorAccent);
|
color: var(--textColorAccent);
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
|
|||||||
@ -6,7 +6,7 @@
|
|||||||
@import "../../components/mixins.scss";
|
@import "../../components/mixins.scss";
|
||||||
|
|
||||||
.Switch {
|
.Switch {
|
||||||
--thumb-size: 2rem;
|
--thumb-size: 20px;
|
||||||
--thumb-color: hsl(0 0% 100%);
|
--thumb-color: hsl(0 0% 100%);
|
||||||
--thumb-color-highlight: hsl(0 0% 100% / 25%);
|
--thumb-color-highlight: hsl(0 0% 100% / 25%);
|
||||||
|
|
||||||
@ -66,7 +66,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:not(:disabled):hover::before {
|
&:not(:disabled):hover::before {
|
||||||
--hover-highlight-size: .5rem;
|
--hover-highlight-size: .3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:checked {
|
&:checked {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user