diff --git a/CHANGELOG.md b/CHANGELOG.md
index d220a37..4696b93 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## [2.1.5] - 20.05.2020
+### Fixed
+* Invisible close icon
+
## [2.1.4] - 20.05.2020
### Fixed
* xterm related problem
diff --git a/package-lock.json b/package-lock.json
index b85f69f..87bc183 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "pymakr",
- "version": "2.1.3",
+ "version": "2.1.5",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
diff --git a/package.json b/package.json
index 8a25067..6d37f8e 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
{
"name": "pymakr",
"main": "./lib/main.js",
- "version": "2.1.3",
+ "version": "2.1.5",
"description": "Adds a REPL console to Atom that connects to your Pycom board. It can run code on the board or synchronize your project files to it.",
"keywords": [
"Pycom",
diff --git a/styles/tabs.less b/styles/tabs.less
index 29fc95c..764ff56 100644
--- a/styles/tabs.less
+++ b/styles/tabs.less
@@ -6,7 +6,8 @@
&:hover {
.chrome-tab-close {
opacity: 1 !important;
- color: @text-color;
+ @color: ~`"@{text-color}".replace("\#", '%23')`;
+ background-image: url("data:image/svg+xml;utf8,");
}
}
}
@@ -249,6 +250,7 @@
}
.chrome-tabs .chrome-tab .chrome-tab-close {
flex-grow: 0;
+ opacity: 0;
flex-shrink: 0;
position: relative;
cursor: pointer;
@@ -256,18 +258,22 @@
width: 16px;
height: 16px;
border-radius: 50%;
- background-image: url("data:image/svg+xml;utf8,");
+ background-image: url("data:image/svg+xml;utf8,");
background-position: center center;
background-repeat: no-repeat;
background-size: 8px 8px;
+ color: @text-color;
}
+
@media (hover: hover) {
.chrome-tabs .chrome-tab .chrome-tab-close:hover {
- background-image: url("data:image/svg+xml;utf8,");
+ @color: ~`"@{text-color-highlight}".replace("\#", '%23')`;
+ background-image: url("data:image/svg+xml;utf8,");
}
.chrome-tabs .chrome-tab .chrome-tab-close:hover:active {
- background-image: url("data:image/svg+xml;utf8,");
+ @color: @text-color-subtle;
+ background-image: url("data:image/svg+xml;utf8,");
}
}