theme/ckeditor5-link/linkactions.css
/*
* Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
*/
@import "@ckeditor/ckeditor5-ui/theme/components/tooltip/mixins/_tooltip.css";
@import "@ckeditor/ckeditor5-ui/theme/mixins/_unselectable.css";
@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
@import "../mixins/_focus.css";
@import "../mixins/_shadow.css";
@import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
.ck.ck-link-actions {
padding: var(--ck-spacing-standard);
& .ck-button.ck-link-actions__preview {
padding-left: 0;
padding-right: 0;
& .ck-button__label {
padding: 0 var(--ck-spacing-medium);
color: var(--ck-color-link-default);
text-overflow: ellipsis;
cursor: pointer;
/* Match the box model of the link editor form's input so the balloon
does not change width when moving between actions and the form. */
max-width: var(--ck-input-text-width);
min-width: 3em;
text-align: center;
&:hover {
text-decoration: underline;
}
}
&,
&:hover,
&:focus,
&:active {
background: none;
}
&:active {
box-shadow: none;
}
&:focus {
& .ck-button__label {
text-decoration: underline;
}
}
}
&:focus {
/* https://github.com/ckeditor/ckeditor5-link/issues/90 */
outline: none;
}
@mixin ck-dir ltr {
& .ck-button:not(:first-child) {
margin-left: var(--ck-spacing-standard);
}
}
@mixin ck-dir rtl {
& .ck-button:not(:last-child) {
margin-left: var(--ck-spacing-standard);
}
}
@mixin ck-media-phone {
padding: 0;
width: calc(.8 * var(--ck-input-text-width));
& .ck-button.ck-link-actions__preview {
margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
& .ck-button__label {
min-width: 0;
max-width: 100%;
}
}
& .ck-button:not(.ck-link-actions__preview) {
padding: var(--ck-spacing-standard);
margin-top: var(--ck-spacing-standard);
border-radius: 0;
border: 0;
border-top: 1px solid var(--ck-color-base-border);
@mixin ck-dir ltr {
margin-left: 0;
&:first-of-type {
border-right: 1px solid var(--ck-color-base-border);
}
}
@mixin ck-dir rtl {
margin-left: 0;
&:last-of-type {
border-right: 1px solid var(--ck-color-base-border);
}
}
}
}
}