1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00

Coloring and styling Download logs button

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-08-02 10:45:05 +03:00
parent e8915336dc
commit a7d7fa9c9a

View File

@ -1,5 +1,5 @@
.dropDown { .dropdown {
--accent-color: var(--colorOk); --accent-color: var(--colorInfo);
border: 1px solid var(--accent-color); border: 1px solid var(--accent-color);
border-radius: 4px; border-radius: 4px;
@ -8,13 +8,11 @@
align-items: center; align-items: center;
padding: calc(var(--padding) / 4) var(--padding); padding: calc(var(--padding) / 4) var(--padding);
gap: 6px; gap: 6px;
cursor: default;
position: relative; position: relative;
&.waiting { &:disabled {
cursor: progress; cursor: progress;
pointer-events: none; opacity: .7;
opacity: .5;
} }
&:hover::before{ &:hover::before{
@ -22,7 +20,7 @@
} }
&:focus-visible { &:focus-visible {
box-shadow: 0 0 0 2px var(--blue); box-shadow: 0 0 0 2px var(--accent-color);
border-color: transparent; border-color: transparent;
} }
@ -33,8 +31,7 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
left: 0; left: 0;
opacity: 0.15; opacity: 0;
z-index: -1;
transition: opacity 0.1s; transition: opacity 0.1s;
} }
} }