1
0
mirror of https://github.com/Eugeny/tabby.git synced 2025-07-27 11:38:34 +00:00

make tab close button not take up extra space - fixes

This commit is contained in:
Eugene Pankov
2021-03-13 22:08:20 +01:00
parent 604d7c464f
commit c4204167cd
2 changed files with 13 additions and 1 deletions
terminus-core/src

@@ -58,6 +58,9 @@ $tabs-height: 38px;
opacity: 0; opacity: 0;
-webkit-app-region: no-drag; -webkit-app-region: no-drag;
position: absolute;
right: 0;
$button-size: 26px; $button-size: 26px;
width: $button-size; width: $button-size;
height: $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 { &:hover button {
transition: 0.25s opacity; transition: 0.25s opacity;
display: block; display: block;

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