1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-12 04:37:13 +01:00
metamask-extension/ui/components/app/transaction-activity-log/index.scss

87 lines
1.3 KiB
SCSS
Raw Normal View History

2018-08-26 03:00:38 +02:00
.transaction-activity-log {
2018-12-09 21:48:06 +01:00
&__title {
border-bottom: 1px solid #d8d8d8;
padding-bottom: 4px;
text-transform: capitalize;
2018-08-26 03:00:38 +02:00
}
&__activities-container {
padding-top: 8px;
}
&__activity {
padding: 4px 0;
display: flex;
flex-direction: row;
align-items: center;
position: relative;
&::after {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
2018-12-09 21:48:06 +01:00
width: 7px;
border-right: 1px solid #909090;
2018-08-26 03:00:38 +02:00
}
&:first-child::after {
height: 50%;
top: 50%;
}
&:last-child::after {
height: 50%;
}
2018-09-17 19:09:48 +02:00
&:first-child:last-child::after {
display: none;
}
2018-08-26 03:00:38 +02:00
}
&__activity-icon {
2018-12-09 21:48:06 +01:00
width: 15px;
height: 15px;
2018-08-26 03:00:38 +02:00
margin-right: 6px;
border-radius: 50%;
2018-12-09 21:48:06 +01:00
background: #909090;
flex: 0 0 auto;
2018-12-09 21:48:06 +01:00
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
2018-08-26 03:00:38 +02:00
}
&__activity-text {
@include H7;
color: var(--dusty-gray);
2018-12-09 21:48:06 +01:00
cursor: pointer;
2018-09-18 03:32:35 +02:00
2018-12-09 21:48:06 +01:00
&:hover {
color: var(--black);
2018-09-18 03:32:35 +02:00
}
2018-08-26 03:00:38 +02:00
}
&__value {
display: inline;
font-weight: 500;
}
2018-12-09 21:48:06 +01:00
&__entry-container {
min-width: 0;
}
&__action-link {
@include H7;
2018-12-09 21:48:06 +01:00
cursor: pointer;
color: var(--primary-blue);
2018-12-09 21:48:06 +01:00
}
2018-08-26 03:00:38 +02:00
b {
font-weight: 500;
}
}