discourse/plugins/chat/assets/stylesheets/common/chat-composer-dropdown.scss

61 lines
1005 B
SCSS

.chat-composer.is-disabled {
.no-touch & {
.chat-composer-dropdown__trigger-btn:hover {
cursor: default;
.d-icon {
color: var(--primary-high);
}
}
}
}
.chat-composer-dropdown__trigger-btn {
margin-left: 0.2rem;
transition: transform 0.25s ease-in-out;
.d-icon {
padding: 5px;
transition: transform 0.1s ease-in-out;
background: var(--primary-low);
border-radius: 100%;
}
&:focus,
&:hover,
&:active {
.d-icon {
color: var(--primary) !important;
}
background: none !important;
background-image: none !important;
}
&:hover {
transform: scale(1.1);
}
&.-expanded {
.d-icon {
transform: rotate(135deg);
transform-origin: center center;
}
}
}
.chat-composer-dropdown__list {
margin: 0;
list-style: none;
padding: 0.5rem;
}
.chat-composer-dropdown__action-btn {
width: 100%;
justify-content: flex-start;
background: none;
.d-icon {
color: var(--primary);
}
}