1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-30 08:09:15 +01:00
metamask-extension/ui/pages/settings/alerts-tab/alerts-tab.scss
igorms-cons f5e86d0351
Feat/settings search (#13214)
* fix error with color variable - fix rebase

* clean list search & fuse threshold decreased

* update search-icon , fix tests

* nice to have highlighting text & cleaning

* unit test on settings & search input ui up on expanded view

* fix color variable in alert scss

* setting search input padding right up

* fix dom warning

* util/search test added & Dom element warning fix

* renaming files

* fix color text in settings search

* settings search highlight text refacto & fix ui

* fix settings-search test & renaming

* Fix styling on search field for edge cases, update components and e2e

E2E tests update for search feature

Update components from class to functional component

		#

Fix storybook for search box

Fix styling

Fix unit tests

fix: remove z-index

Fix unit tests

Co-authored-by: amerkadicE <amer.kadic@endava.com>
2022-02-22 17:28:21 -03:30

32 lines
517 B
SCSS

.alerts-tab {
&__body {
@include H6;
display: grid;
grid-template-columns: 8fr 30px max-content;
grid-template-rows: 1fr 1fr;
align-items: center;
display: block;
}
&__description-container {
display: flex;
}
&__description-container > * {
padding: 0 8px;
}
&__description {
display: flex;
align-items: center;
}
&__item {
border-bottom: 1px solid var(--Grey-100);
padding: 16px 32px;
display: flex;
justify-content: space-between;
}
}