mirror of
https://github.com/discourse/discourse.git
synced 2026-08-06 13:08:40 +08:00
109 lines
2.1 KiB
SCSS
Vendored
109 lines
2.1 KiB
SCSS
Vendored
@use "lib/viewport";
|
|
|
|
#reply-control
|
|
.select-kit.dropdown-select-box.composer-actions
|
|
.select-kit-header {
|
|
border: 1px solid var(--tertiary-700);
|
|
background: var(--secondary);
|
|
|
|
&:hover {
|
|
.d-icon {
|
|
color: var(--accent-color);
|
|
}
|
|
}
|
|
}
|
|
|
|
#reply-control.hide-preview:not(.draft) {
|
|
@include viewport.from(sm) {
|
|
background: var(--d-content-background);
|
|
|
|
.user-selector,
|
|
.title-and-category {
|
|
padding: 0 var(--space-4);
|
|
width: calc(100% - var(--space-4) * 2);
|
|
}
|
|
|
|
.d-editor-button-bar {
|
|
padding: 3px var(--space-4);
|
|
border: none;
|
|
}
|
|
|
|
.d-editor-input {
|
|
padding: var(--space-4);
|
|
}
|
|
|
|
.reply-area {
|
|
padding-inline: 0;
|
|
}
|
|
|
|
.reply-to,
|
|
.submit-panel {
|
|
padding-inline: var(--space-2);
|
|
}
|
|
|
|
.d-editor-textarea-wrapper {
|
|
border: 0;
|
|
border-bottom: 1px solid var(--content-border-color);
|
|
border-radius: 0;
|
|
|
|
&.in-focus {
|
|
outline: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.d-editor-button-bar {
|
|
.btn:hover,
|
|
.toolbar-popup-menu-options.is-expanded {
|
|
.discourse-no-touch & {
|
|
background: var(--tertiary-very-low);
|
|
color: var(--accent-color);
|
|
|
|
.d-icon {
|
|
color: inherit;
|
|
}
|
|
|
|
// to have parity with regular select-kit styling used elsewhere
|
|
.select-kit-row {
|
|
.d-icon {
|
|
color: var(--primary-high);
|
|
}
|
|
|
|
&:hover {
|
|
.d-icon {
|
|
color: var(--primary);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.toolbar-popup-menu-options.is-expanded {
|
|
border-radius: var(--d-border-radius);
|
|
}
|
|
}
|
|
|
|
.discourse-no-touch .translation-selector-dropdown {
|
|
.select-kit-header.btn-default {
|
|
background: var(--background-color);
|
|
}
|
|
}
|
|
|
|
#reply-control.composer-action-add_translation {
|
|
.d-editor-translation-preview-wrapper {
|
|
border-color: var(--d-sidebar-border-color);
|
|
}
|
|
|
|
.d-editor-translation-preview-wrapper__header {
|
|
top: 6.5rem;
|
|
padding: 0.25rem 0.75rem;
|
|
background: var(--background-color);
|
|
color: var(--accent-color);
|
|
border-radius: var(--d-border-radius-large);
|
|
}
|
|
|
|
.topic-title-translator input {
|
|
width: 47.25vw;
|
|
}
|
|
}
|
