@ckeditor/ckeditor5-comments 47.6.1 → 48.0.0-alpha.0

package/theme/sidebar-narrow.css

@@ -1,91 +0,0 @@
-/*
- * 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-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-:root {
-	--ck-annotation-counter-icon-size: 16px;
-	--ck-annotation-counter-number-size: 10px;
-	--ck-color-annotation-counter-comment: hsl(55, 98%, 48%);
-	--ck-color-annotation-counter-suggestion-insertion: hsl(128, 62%, 60%);
-	--ck-color-annotation-counter-suggestion-deletion: hsl(345, 62%, 60%);
-	--ck-color-annotation-counter-suggestion-format: hsl(191, 62%, 60%);
-}
-
-/* Center a annotation counter icon no matter of parent container width. */
-.ck.ck-sidebar--narrow .ck-sidebar-item {
-	display: flex;
-	justify-content: center;
-}
-
-.ck.ck-sidebar--narrow .ck-annotation-counter {
-	/* Let's reduce icon size a bit. */
-	font-size: var(--ck-annotation-counter-icon-size);
-
-	/* Reduce default `.ck-button` min-height which is 2.3em, bigger than current icon. */
-	min-height: unset;
-	padding: 0;
-
-	cursor: pointer;
-	color: hsl(0, 0%, 50%);
-}
-
-.ck.ck-sidebar--narrow .ck-annotation-counter:hover,
-.ck.ck-sidebar--narrow .ck-annotation-counter:focus {
-	background: transparent;
-	box-shadow: none;
-	color: hsl(0, 0%, 30%);
-}
-
-.ck.ck-sidebar--narrow .ck-annotation-counter__badge {
-	border-radius: 50%;
-	position: absolute;
-	width: 16px;
-	height: 16px;
-	background: hsl(0, 0%, 20%);
-	font-weight: bold;
-	color: hsl(0, 0%, 100%);
-	font-size: var(--ck-annotation-counter-number-size);
-	font-family: var(--ck-font-face);
-	right: 0;
-	top: -6px;
-
-	/* Improve visibility of counter number. */
-	text-shadow: -1px 0 2px hsl(0, 0%, 27%), 1px 0 2px hsl(0, 0%, 27%);
-
-	/* Display number perfectly center of circle. */
-	display: flex;
-	justify-content: center;
-
-	/* We can't use here `align-items: center` because we need to edit `line-height` for edit mode case. */
-	line-height: 16px;
-
-	/* To display above comment icon. */
-	z-index: 1;
-}
-
-/* When annotation is in edit mode, center `...` differently. */
-.ck.ck-sidebar--narrow .ck-annotation-counter__badge--edit-mode {
-	line-height: 1;
-}
-
-.ck.ck-sidebar--narrow .ck-annotation-counter__badge--suggestion-insertion,
-.ck.ck-sidebar--narrow .ck-annotation-counter__badge--suggestion-replace {
-	background: var(--ck-color-annotation-counter-suggestion-insertion);
-}
-
-.ck.ck-sidebar--narrow .ck-annotation-counter__badge--suggestion-deletion {
-	background: var(--ck-color-annotation-counter-suggestion-deletion);
-}
-
-.ck.ck-sidebar--narrow .ck-annotation-counter__badge--suggestion-format {
-	background: var(--ck-color-annotation-counter-suggestion-format);
-}
-
-.ck.ck-sidebar--narrow .ck-annotation-counter__badge--comment {
-	background: var(--ck-color-annotation-counter-comment);
-}

package/theme/sidebar.css

@@ -1,72 +0,0 @@
-/*
- * 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-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-:root {
-	--ck-color-annotation-wrapper-background: hsl(0, 0%, 100%);
-	--ck-color-annotation-wrapper-drop-shadow: 0 1px 1px 1px hsl(0, 0%, 90%);
-}
-
-.ck.ck-sidebar {
-	position: relative;
-	transition: min-height 250ms ease;
-	outline: 0;
-
-	@media (prefers-reduced-motion: reduce) {
-		transition: none;
-	}
-}
-
-.ck-sidebar-item {
-	position: absolute;
-	width: 100%;
-	transition: top 300ms ease, box-shadow 300ms ease;
-
-	@media (prefers-reduced-motion: reduce) {
-		transition: none;
-	}
-}
-
-.ck-sidebar-item--no-animation {
-	transition: top 0s ease !important;
-}
-
-.ck.ck-annotation-wrapper {
-	outline: 0;
-	border-radius: var(--ck-border-radius);
-	background: var(--ck-color-annotation-wrapper-background);
-	box-shadow: var(--ck-color-annotation-wrapper-drop-shadow);
-}
-
-.ck.ck-annotation-wrapper--active,
-.ck.ck-annotation-wrapper:hover{
-	& .ck-annotation__actions {
-		opacity: 1;
-
-		& .ck-comment--resolve {
-			color: var(--ck-color-button-save);
-		}
-	}
-
-	& .ck-suggestion--accept {
-		color: var(--ck-color-button-save)
-	}
-
-	& .ck-suggestion--discard {
-		color: var(--ck-color-button-cancel)
-	}
-}
-
-/* Handle case where annotation is inactive and users hover them. */
-.ck.ck-annotation-wrapper:not(.ck-annotation-wrapper--active):hover {
-	box-shadow: var(--ck-drop-shadow);
-}
-
-.ck.ck-annotation-wrapper--active {
-	box-shadow: var(--ck-drop-shadow-active);
-}