discourse-solved/assets/stylesheets/solutions.scss

105 lines
1.6 KiB
SCSS

$solved-color: var(--success);
.select-kit {
&.solved-status-filter {
min-width: auto;
margin-right: 0.5em;
.select-kit-header {
color: var(--primary-high);
}
}
}
.fa.accepted {
color: $solved-color;
}
.post-controls .extra-buttons {
// anon text
.accepted-text {
white-space: nowrap;
.d-icon,
.accepted-label {
color: $solved-color;
}
}
// logged in button
.accepted {
.d-icon,
.d-button-label {
color: $solved-color;
}
}
}
.post-controls span.accepted-text {
display: inline-flex;
align-items: center;
gap: 0.25em;
padding: 0 0.5rem;
font-size: var(--font-up-1);
height: 100%;
}
.mobile-view .solved-panel {
margin-bottom: 15px;
}
.solved-panel {
.by {
display: none;
}
margin-top: 20px;
margin-bottom: 0;
font-size: 13px;
}
aside.quote.accepted-answer {
> .title {
display: flex;
justify-content: space-between;
align-items: flex-start;
&.quote__title--can-toggle-content {
cursor: pointer;
}
}
.accepted-answer--solver-accepter {
display: flex;
flex-wrap: wrap;
flex: 1;
min-width: 0;
gap: 0.25em;
}
.accepted-answer--solver {
margin-right: auto;
}
.accepted-answer--accepter {
font-size: var(--font-down-1);
width: 100%;
flex-basis: auto;
margin-top: auto;
margin-bottom: auto;
margin-right: 0.25em;
@media (min-width: 480px) {
width: auto;
}
}
}
.user-card-metadata-outlet.accepted-answers {
display: inline-block;
}
.post-action-menu__solved-accepted-tooltip-content
.fk-d-tooltip__inner-content {
display: block;
}