1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-22 19:26:13 +02:00
metamask-extension/ui/components/app/permissions-connect-permission-list/index.scss
Maarten Zuidhoorn c59e2b4d44
[FLASK] Add tooltips to show info about a permission (#17685)
* Add tooltips to show info about a permission

* Make Tooltip component in scope regardless of build type

* Add descriptions

* Add translation variables and fix tooltip

* Use new icons

* Add missing description after rebase

* Fix build issues

* Fix icons

* Fix translation

* Add missing description

* Fix Ethereum icon

* Update coverage
2023-03-20 12:32:03 +01:00

51 lines
885 B
SCSS

.permissions-connect-permission-list {
width: 100%;
.permission {
@include H6;
width: 100%;
padding-bottom: 16px;
border-bottom: 1px solid var(--color-border-muted);
display: flex;
flex-direction: row;
align-items: center;
color: var(--color-text-default);
i {
display: block;
margin: 16px;
min-width: 16px;
min-height: 16px;
color: var(--color-icon-alternative);
font-size: 1rem;
text-align: center;
}
.mm-avatar-icon {
margin: 16px 16px 16px 0;
}
&__tooltip-icon {
margin-left: auto !important;
padding-left: 16px;
i {
color: var(--color-icon-muted);
}
&__warning i {
color: var(--color-warning-default);
}
}
}
.permission-label-item {
font-weight: bold;
}
}
.tooltip-label-item {
font-weight: bold;
}