display note without selection,fixed dark mode bug

joinmarket-webui · Nov 6, 2024 · 8360ae0 · 8360ae0
1 parent bc9e416
commit 8360ae0
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 11 deletions.
diff --git a/src/components/jar_details/JarDetailsOverlay.module.css b/src/components/jar_details/JarDetailsOverlay.module.css
@@ -129,6 +129,11 @@
   background-color: var(--bs-gray-800) !important;
 }
 
+:root[data-theme='dark'] .freezeUnfreezeButtonsContainer button:disabled {
+  color: var(--bs-gray-400) !important;
+  border-color: var(--bs-gray-500) !important;
+}
+
 :root[data-theme='dark'] .freezeUnfreezeButtonsContainer button:hover {
   background-color: var(--bs-gray-900) !important;
   border-color: var(--bs-gray-900) !important;

diff --git a/src/components/jar_details/JarDetailsOverlay.tsx b/src/components/jar_details/JarDetailsOverlay.tsx
@@ -370,20 +370,20 @@ const JarDetailsOverlay = (props: JarDetailsOverlayProps) => {
                           </Trans>
                         </div>
                       </div>
+                      {!isActionsEnabled && (
+                        <div className="d-flex align-items-center mb-2 fw-bold text-secondary">
+                          <Sprite
+                            className="rounded-circle border border-1 me-2 border-secondary"
+                            symbol="info"
+                            width="20"
+                            height="20"
+                          />
+                          <Trans i18nKey="jar_details.utxo_list.subtitle_options_disabled" />
+                        </div>
+                      )}
                       {selectedUtxos.length > 0 && (
                         <div className="d-flex justify-content-between align-items-center w-100 flex-sm-row flex-column gap-2">
                           <div className="order-1 order-sm-0">
-                            {!isActionsEnabled && (
-                              <div className="d-flex align-items-center mb-2 fw-bold text-secondary">
-                                <Sprite
-                                  className="rounded-circle border border-1 me-2"
-                                  symbol="info"
-                                  width="20"
-                                  height="20"
-                                />
-                                <Trans i18nKey="jar_details.utxo_list.subtitle_options_disabled" />
-                              </div>
-                            )}
                             <div className={styles.freezeUnfreezeButtonsContainer}>
                               {freezeButton}
                               {unfreezeButton}