From 1bd261bee0c96c03cfac992ccabdea9544616a57 Mon Sep 17 00:00:00 2001 From: Dariusz L Date: Mon, 4 Aug 2025 01:00:35 +0200 Subject: [PATCH] Adjust Style disabled buttons --- js/css/canvas_view.css | 9 +++++++-- src/css/canvas_view.css | 9 +++++++-- 2 files changed, 14 insertions(+), 4 deletions(-) diff --git a/js/css/canvas_view.css b/js/css/canvas_view.css index ad082f3..74899b1 100644 --- a/js/css/canvas_view.css +++ b/js/css/canvas_view.css @@ -7,7 +7,7 @@ font-size: 12px; font-weight: 550; cursor: pointer; - transition: all 0.2s ease-in-out; + transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, opacity 0.3s ease-in-out; min-width: 80px; text-align: center; margin: 2px; @@ -213,7 +213,7 @@ border-radius: 5px; border: 1px solid #555; cursor: pointer; - transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out; + transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, opacity 0.3s ease-in-out; user-select: none; padding: 0; font-family: inherit; @@ -346,6 +346,11 @@ background-color: #4a4a4a !important; } +.clipboard-switch.disabled .switch-labels { + color: #777 !important; +} + + .painter-separator { width: 1px; diff --git a/src/css/canvas_view.css b/src/css/canvas_view.css index ad082f3..74899b1 100644 --- a/src/css/canvas_view.css +++ b/src/css/canvas_view.css @@ -7,7 +7,7 @@ font-size: 12px; font-weight: 550; cursor: pointer; - transition: all 0.2s ease-in-out; + transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, opacity 0.3s ease-in-out; min-width: 80px; text-align: center; margin: 2px; @@ -213,7 +213,7 @@ border-radius: 5px; border: 1px solid #555; cursor: pointer; - transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out; + transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, opacity 0.3s ease-in-out; user-select: none; padding: 0; font-family: inherit; @@ -346,6 +346,11 @@ background-color: #4a4a4a !important; } +.clipboard-switch.disabled .switch-labels { + color: #777 !important; +} + + .painter-separator { width: 1px;