mirror/tabby
2
0
Fork 0
mirror of https://github.com/Eugeny/tabby.git synced 2025-03-07 15:17:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
terminus-core/src/components/tabHeader.component.scss
View File

@ -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;

4
terminus-core/src/theme.scss
View File

@ -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; }
} }