You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
179 lines
2.9 KiB
179 lines
2.9 KiB
.directory { |
|
&__tag { |
|
box-sizing: border-box; |
|
margin-bottom: 10px; |
|
|
|
& > a, |
|
& > div { |
|
display: flex; |
|
align-items: center; |
|
justify-content: space-between; |
|
border: 1px solid var(--background-border-color); |
|
border-radius: 4px; |
|
padding: 15px; |
|
text-decoration: none; |
|
color: inherit; |
|
box-shadow: 0 0 15px rgba($base-shadow-color, 0.2); |
|
} |
|
|
|
& > a { |
|
&:hover, |
|
&:active, |
|
&:focus { |
|
background: $ui-base-color; |
|
} |
|
} |
|
|
|
&.active > a { |
|
background: $ui-highlight-color; |
|
cursor: default; |
|
} |
|
|
|
&.disabled > div { |
|
opacity: 0.5; |
|
cursor: default; |
|
} |
|
|
|
h4 { |
|
flex: 1 1 auto; |
|
font-size: 18px; |
|
font-weight: 700; |
|
color: $primary-text-color; |
|
white-space: nowrap; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
|
|
.fa { |
|
color: $darker-text-color; |
|
} |
|
|
|
small { |
|
display: block; |
|
font-weight: 400; |
|
font-size: 15px; |
|
margin-top: 8px; |
|
color: $darker-text-color; |
|
} |
|
} |
|
|
|
&.active h4 { |
|
&, |
|
.fa, |
|
small, |
|
.trends__item__current { |
|
color: $primary-text-color; |
|
} |
|
} |
|
|
|
.avatar-stack { |
|
flex: 0 0 auto; |
|
width: (36px + 4px) * 3; |
|
} |
|
|
|
&.active .avatar-stack .account__avatar { |
|
border-color: $ui-highlight-color; |
|
} |
|
|
|
.trends__item__current { |
|
padding-inline-end: 0; |
|
} |
|
} |
|
} |
|
|
|
.accounts-table { |
|
width: 100%; |
|
|
|
.account { |
|
padding: 0; |
|
border: 0; |
|
} |
|
|
|
strong { |
|
font-weight: 700; |
|
} |
|
|
|
thead th { |
|
text-align: center; |
|
text-transform: uppercase; |
|
color: $darker-text-color; |
|
font-weight: 700; |
|
padding: 10px; |
|
|
|
&:first-child { |
|
text-align: start; |
|
} |
|
} |
|
|
|
tbody td { |
|
padding: 15px 0; |
|
vertical-align: middle; |
|
border-bottom: 1px solid lighten($ui-base-color, 8%); |
|
} |
|
|
|
tbody tr:last-child td { |
|
border-bottom: 0; |
|
} |
|
|
|
&__count { |
|
width: 120px; |
|
text-align: center; |
|
font-size: 15px; |
|
font-weight: 500; |
|
color: $primary-text-color; |
|
|
|
small { |
|
display: block; |
|
color: $darker-text-color; |
|
font-weight: 400; |
|
font-size: 14px; |
|
} |
|
} |
|
|
|
tbody td.accounts-table__extra { |
|
width: 120px; |
|
text-align: end; |
|
color: $darker-text-color; |
|
padding-inline-end: 16px; |
|
|
|
a { |
|
text-decoration: none; |
|
color: inherit; |
|
|
|
&:focus, |
|
&:hover, |
|
&:active { |
|
color: $highlight-text-color; |
|
} |
|
} |
|
} |
|
|
|
&__comment { |
|
width: 50%; |
|
vertical-align: initial !important; |
|
} |
|
|
|
tbody td.accounts-table__interrelationships { |
|
width: 21px; |
|
padding-inline-end: 16px; |
|
} |
|
|
|
.icon { |
|
&.active { |
|
color: $highlight-text-color; |
|
} |
|
|
|
&.passive { |
|
color: $passive-text-color; |
|
} |
|
|
|
&.active.passive { |
|
color: $active-passive-text-color; |
|
} |
|
} |
|
|
|
@media screen and (max-width: $no-gap-breakpoint) { |
|
tbody td.optional { |
|
display: none; |
|
} |
|
} |
|
}
|
|
|