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,"); } }