fix(select): increase apply footer button specificity (#1248)

* fix(select): increase apply footer button specificity * Create thick-adults-whisper.md * Update thick-adults-whisper.md
core-ds · Jun 21, 2024 · 1c42149 · 1c42149
1 parent 0969c2f
commit 1c42149
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/thick-adults-whisper.md b/.changeset/thick-adults-whisper.md
@@ -0,0 +1,5 @@
+---
+"@alfalab/core-components-select": patch
+---
+
+увеличена специфичность стилей для кнопок футера
diff --git a/packages/select/src/presets/useSelectWithApply/options-list-with-apply/footer/Component.tsx b/packages/select/src/presets/useSelectWithApply/options-list-with-apply/footer/Component.tsx
@@ -32,6 +32,7 @@ export const Footer = ({
             view='primary'
             onClick={handleApply}
             dataTestId={getDataTestId(dataTestId, 'apply')}
+            className={styles.button}
         >
             Применить
         </ButtonDesktop>
@@ -42,6 +43,7 @@ export const Footer = ({
                 view='secondary'
                 onClick={handleClear}
                 dataTestId={getDataTestId(dataTestId, 'clear')}
+                className={styles.button}
             >
                 Сбросить
             </ButtonDesktop>

diff --git a/...ges/select/src/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css b/...ges/select/src/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css
@@ -5,7 +5,7 @@
     padding: var(--gap-s);
     outline: none;
 
-    & > * + * {
+    & > .button + .button {
         margin-left: var(--gap-xs);
     }
 }