discourse/plugins/chat/assets/stylesheets/common/chat-retention-reminder.scss

36 lines
668 B
SCSS

.chat-retention-reminder {
display: flex;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
align-items: center;
justify-content: space-between;
background: var(--tertiary-low);
padding: 0.5em 0 0.5em 1em;
font-size: var(--font-down-1);
color: var(--primary);
z-index: 10;
min-width: 280px;
.btn-flat.dismiss-btn {
margin-left: 0.25em;
color: var(--primary-medium);
&:hover,
&:focus {
background-color: transparent;
.d-icon {
color: var(--primary);
}
}
.d-icon {
color: var(--primary-medium);
}
}
}
.full-page-chat .chat-retention-reminder {
top: 4rem;
}