@ckeditor/ckeditor5-theme-lark/theme/ckeditor5-link/linkprovideritems.css

A bright theme for CKEditor 5.

/*
 * 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
 */

@import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";

:root {
	--ck-link-providers-width: 340px;
	--ck-link-list-view-max-height: 240px;
	--ck-link-list-view-icon-size: calc( var(--ck-icon-size) * 0.8); /* 0.8 = 16/20 cause default the icon size is 20px */
}

@mixin ck-media-phone {
	:root {
		--ck-link-providers-width: 300px;
	}
}

.ck.ck-link-providers {
	width: var(--ck-link-providers-width);

	& .ck-form__header__label {
		overflow: hidden;
		text-overflow: ellipsis;
	}

	& > .ck-link-providers__list {
		max-height: min( var(--ck-link-list-view-max-height), 40vh );

		& .ck-button {
			& > .ck-icon {
				width: var(--ck-link-list-view-icon-size);
				height: var(--ck-link-list-view-icon-size);
			}

			& > .ck-button__label {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
		}
	}

	& .ck-link__empty-list-info {
		padding: calc( 2 * var(--ck-spacing-large) ) var(--ck-spacing-medium);
		text-align: center;
		font-style: italic;
	}
}