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

Handle dock open/closed state

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-03-16 13:13:07 +03:00
parent 84e1bf3338
commit b2147b3084
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/renderer/components/dock/dock-tab.module.scss
View File

@ -4,6 +4,10 @@
*/ */
.DockTab { .DockTab {
--color-active: var(--dockTabActiveBackground);
--color-text-active: var(--textColorAccent);
--color-border-active: var(--primary);
padding: var(--padding); padding: var(--padding);
height: 32px; height: 32px;
position: relative; position: relative;
@ -30,9 +34,10 @@
} }
&:global(.active) { &:global(.active) {
background-color: var(--dockTabActiveBackground); background-color: var(--color-active);
background-image: none; background-image: none;
border-bottom: 1px solid var(--primary); border-bottom: 1px solid var(--color-border-active);
color: var(--color-text-active)!important;
.close { .close {
opacity: 1; opacity: 1;
@ -60,6 +65,7 @@
&:not(:global(.active)):hover { &:not(:global(.active)):hover {
background-color: var(--dockTabActiveBackground); background-color: var(--dockTabActiveBackground);
background-image: none; background-image: none;
color: var(--textColorAccent);
.close { .close {
opacity: 1; opacity: 1;
@ -78,7 +84,7 @@
width: 5ch; width: 5ch;
opacity: 0; opacity: 0;
text-align: center; text-align: center;
background: linear-gradient(90deg, transparent 0%, var(--dockTabActiveBackground) 25%); background: linear-gradient(90deg, transparent 0%, var(--color-active) 25%);
} }
.tabIcon { .tabIcon {

4
src/renderer/components/dock/dock.scss
View File

@ -34,7 +34,9 @@
height: auto !important; height: auto !important;
.Tab { .Tab {
--color-active: inherit; --color-active: var(--colorVague);
--color-text-active: inherit;
--color-border-active: transparent;
&:not(:focus):after { &:not(:focus):after {
display: none; display: none;