chapoi
91 lines
1.8 KiB
SCSS
91 lines
1.8 KiB
SCSS
#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 breakpoint("mobile-extra-large", $rule: min-width) {
|
|
background: var(--d-content-background);
|
|
|
|
border-top-right-radius: var(--d-border-radius);
|
|
border-top-left-radius: var(--d-border-radius);
|
|
overflow: hidden;
|
|
|
|
.grippie {
|
|
background: var(--tertiary-low);
|
|
}
|
|
|
|
.title-and-category {
|
|
padding: 0 var(--spacing-inline-m);
|
|
width: calc(100% - var(--spacing-inline-m) * 2);
|
|
}
|
|
|
|
.d-editor-button-bar {
|
|
padding: 3px var(--spacing-inline-m);
|
|
border: none;
|
|
}
|
|
|
|
.d-editor-input {
|
|
padding: var(--spacing-inline-m);
|
|
}
|
|
|
|
&:has(.in-focus) .grippie {
|
|
background: var(--tertiary);
|
|
}
|
|
|
|
.reply-area {
|
|
padding-inline: 0;
|
|
}
|
|
.reply-to,
|
|
.submit-panel {
|
|
padding-inline: var(--spacing-inline-sm);
|
|
}
|
|
|
|
.d-editor-textarea-wrapper {
|
|
border: 0;
|
|
border-bottom: 1px solid var(--primary-low);
|
|
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);
|
|
}
|
|
}
|