1
1
mirror of https://github.com/Eugeny/tabby.git synced 2024-12-25 03:22:58 +03:00

make tab close button not take up extra space - fixes #3502

This commit is contained in:
Eugene Pankov 2021-03-13 22:08:20 +01:00
parent 604d7c464f
commit c4204167cd
No known key found for this signature in database
GPG Key ID: 5896FCBBDD1CF4F4
2 changed files with 13 additions and 1 deletions

View File

@ -58,6 +58,9 @@ $tabs-height: 38px;
opacity: 0;
-webkit-app-region: no-drag;
position: absolute;
right: 0;
$button-size: 26px;
width: $button-size;
height: $button-size;
@ -73,6 +76,13 @@ $tabs-height: 38px;
}
}
&:hover .name {
-webkit-mask-image: linear-gradient(black 0 0), linear-gradient(to left, transparent 0%, black 100%);
-webkit-mask-size: calc(100% - 60px) auto, 60px auto;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: left, right;
}
&:hover button {
transition: 0.25s opacity;
display: block;

View File

@ -66,7 +66,9 @@ app-root {
border: none;
transition: 0.25s all;
&:hover { background: $button-hover-bg !important; }
right: 5px;
&:hover { background: $button-active-bg !important; }
&:active { background: $button-active-bg !important; }
}