contacts/css/_contactlist.scss

53 lines
880 B
SCSS
Raw Normal View History

.contacts-list {
min-height: 100%;
}
contactlist .tooltip {
max-width: 75%;
}
.app-content-list-item-failed {
position: absolute;
right: 15px;
top: 50%;
margin-top: -15px;
opacity: 0.2;
width: 30px;
height: 30px;
z-index: 50;
}
.app-content-list-item-failed:hover {
opacity: 0.5;
}
.app-content-list-item-failed ~ .app-content-list-item-line-one,
.app-content-list-item-failed ~ .app-content-list-item-line-two {
padding-right: 50px;
}
.contact__icon {
display: inline-block;
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 50%;
vertical-align: middle;
margin-right: 10px;
color: white;
text-align: center;
font-size: 1.5em;
text-transform: capitalize;
object-fit: cover;
}
.icon-group {
background-image: url('../img/group.svg');
}
@media only screen and (max-width: 768px) {
.contacts-list:not(.mobile-show) {
display: none;
}
}