@ckeditor/ckeditor5-ai
Version:
AI features for CKEditor 5.
103 lines (84 loc) • 3.19 kB
CSS
/*
* What you're currently looking at is the source code of a legally protected, proprietary software.
* CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
* all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
*
* Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
*/
:root {
--ck-ai-review-mode-inactive-check-background: hsla(0, 0%, 98%, 1);
--ck-color-suggestion-marker-deletion-border-inactive: hsla(345, 1%, 74%, 0.35);
--ck-color-suggestion-marker-deletion-background-inactive: hsla(345, 11%, 95%, 0.35);
--ck-color-suggestion-marker-deletion-stroke-inactive: hsla(0, 1%, 62%, 0.35);
--ck-color-suggestion-marker-insertion-border-inactive: hsla(128, 1%, 73%, 0.35);
--ck-color-suggestion-marker-insertion-background-inactive: hsla(128, 6%, 93%, 0.35);
}
.ck-ai-review-mode__check-run-result {
& > .ck-ai-review-mode__check-run-result-footer {
margin-top: var(--ck-spacing-standard);
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--ck-spacing-standard);
& > .ck-ai-review-mode__check-run-result-action-buttons {
display: flex;
gap: var(--ck-spacing-standard);
flex-grow: 1;
}
& .ck.ck-button.ck-ai-review-mode__check-run-result-info-button {
--ck-icon-size: 16px;
--ck-ui-component-min-height: 1.75em;
max-height: var(--ck-ui-component-min-height);
margin-left: auto;
}
& .ck.ck-button.ck-ai-review-mode__check-run-result-status-button {
background-color: hsla(0, 0%, 93%, 1);
color: hsla(0, 0%, 44%, 1);
border: none;
& > .ck.ck-icon {
--ck-icon-size: 16px;
}
}
}
& > .ck-ai-review-mode__check-run-result-response {
overflow: hidden;
&.ck.ck-content:not(:focus) {
/* Reset default padding and border of `ck-content` class. */
padding: 0;
border: 0;
}
&.ck-hidden {
& + .ck-ai-review-mode__check-run-result-footer {
margin-top: 0;
}
}
& > * {
white-space: normal;
}
img {
max-width: 125px;
max-height: 125px;
}
}
&.ck-ai-review-mode__check-run-result_grayout {
pointer-events: none;
background-color: var(--ck-ai-review-mode-inactive-check-background);
& .ck-suggestion-marker {
&.ck-suggestion-marker-deletion {
--ck-color-suggestion-marker-deletion-border: var(--ck-color-suggestion-marker-deletion-border-inactive);
--ck-color-suggestion-marker-deletion-background: var(--ck-color-suggestion-marker-deletion-background-inactive);
--ck-color-suggestion-marker-deletion-stroke: var(--ck-color-suggestion-marker-deletion-stroke-inactive);
}
&.ck-suggestion-marker-insertion {
--ck-color-suggestion-marker-insertion-border: var(--ck-color-suggestion-marker-insertion-border-inactive);
--ck-color-suggestion-marker-insertion-background: var(--ck-color-suggestion-marker-insertion-background-inactive);
}
}
& > .ck-ai-review-mode__check-run-result-response {
& > * {
filter: grayscale(1);
}
}
}
}