ryoji-s 2 лет назад
Родитель
Сommit
fafef3a06c

+ 9 - 5
apps/app/src/components/PageTags/TagEditModal.module.scss

@@ -1,8 +1,5 @@
 .tag-edit-modal :global {
 .tag-edit-modal :global {
   .rbt-token {
   .rbt-token {
-    // override to .badge color
-    color: var(--bs-badge-color);
-
     .rbt-token-label {
     .rbt-token-label {
       // override to text-truncate
       // override to text-truncate
       overflow: hidden;
       overflow: hidden;
@@ -11,9 +8,16 @@
       white-space: nowrap;
       white-space: nowrap;
     }
     }
   }
   }
+}
+
+// == Colors
+.tag-edit-modal :global {
+  .rbt-token {
+    // override to .badge color
+    color: var(--bs-badge-color);
+  }
 
 
   .rbt-token-active {
   .rbt-token-active {
-    border-color: #80bdff !important;
-    box-shadow: 0 0 0 0.05rem #007bff40;
+    border-color: var(--grw-primary-400) !important;
   }
   }
 }
 }

+ 1 - 1
apps/app/src/components/PageTags/TagEditModal.tsx

@@ -53,7 +53,7 @@ const TagEditModalSubstance: React.FC<TagEditModalSubstanceProps> = (props: TagE
   }, [closeTagEditModal, tags, pageId, revisionId, updateStateAfterSave]);
   }, [closeTagEditModal, tags, pageId, revisionId, updateStateAfterSave]);
 
 
   return (
   return (
-    <Modal isOpen={isOpen} toggle={closeTagEditModal} id="edit-tag-modal" autoFocus={false} className={`tag-edit-modal ${styles['tag-edit-modal']}`}>
+    <Modal isOpen={isOpen} toggle={closeTagEditModal} id="edit-tag-modal" autoFocus={false} className={`${styles['tag-edit-modal']}`}>
       <ModalHeader tag="h4" toggle={closeTagEditModal}>
       <ModalHeader tag="h4" toggle={closeTagEditModal}>
         {t('tag_edit_modal.edit_tags')}
         {t('tag_edit_modal.edit_tags')}
       </ModalHeader>
       </ModalHeader>