From d0cd7343c85dc934104eff3cea066eeb97869dd0 Mon Sep 17 00:00:00 2001 From: Alexis THOMAS Date: Mon, 27 Nov 2023 00:45:23 +0100 Subject: [PATCH 1/2] fix: update custom anticon :hover style, to be for specific btn and not disabled --- app/renderer/components/Session/Session.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/app/renderer/components/Session/Session.css b/app/renderer/components/Session/Session.css index 4f98eef23..75f85250f 100644 --- a/app/renderer/components/Session/Session.css +++ b/app/renderer/components/Session/Session.css @@ -17,9 +17,16 @@ margin-left: 10px; } -.sessionContainer :global(.anticon:hover) { - background-color: #f08080; +.sessionContainer :global(.ant-btn-icon-only:not([disabled]):hover), +.sessionContainer :global(.ant-btn-icon-only:not([disabled]):focus) { color: white; + border-color: #f08080; + background: #f08080; +} +.sessionContainer :global(.ant-btn-icon-only:not([disabled]):active) { + color: white; + border-color: #dc3d32; + background: #dc3d32; } .sessionContainer :global(.addCloudProviderTab) { From 87efc9141eccc0049b81b7dfe9f6a614f17a03f3 Mon Sep 17 00:00:00 2001 From: Alexis THOMAS Date: Mon, 27 Nov 2023 22:04:43 +0100 Subject: [PATCH 2/2] fix: remove custom hover colors --- app/renderer/components/Session/Session.css | 12 ------------ 1 file changed, 12 deletions(-) diff --git a/app/renderer/components/Session/Session.css b/app/renderer/components/Session/Session.css index 75f85250f..27e3ef1a8 100644 --- a/app/renderer/components/Session/Session.css +++ b/app/renderer/components/Session/Session.css @@ -17,18 +17,6 @@ margin-left: 10px; } -.sessionContainer :global(.ant-btn-icon-only:not([disabled]):hover), -.sessionContainer :global(.ant-btn-icon-only:not([disabled]):focus) { - color: white; - border-color: #f08080; - background: #f08080; -} -.sessionContainer :global(.ant-btn-icon-only:not([disabled]):active) { - color: white; - border-color: #dc3d32; - background: #dc3d32; -} - .sessionContainer :global(.addCloudProviderTab) { font-style: italic; }