linkactions.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. /*
  2. * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. @import "@ckeditor/ckeditor5-ui/theme/components/tooltip/mixins/_tooltip.css";
  6. @import "@ckeditor/ckeditor5-ui/theme/mixins/_unselectable.css";
  7. @import "../mixins/_focus.css";
  8. @import "../mixins/_shadow.css";
  9. @import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
  10. .ck.ck-link-actions {
  11. padding: var(--ck-spacing-standard);
  12. & .ck-button.ck-link-actions__preview {
  13. padding-left: 0;
  14. padding-right: 0;
  15. &,
  16. &:hover,
  17. &:focus,
  18. &:active {
  19. background: none;
  20. }
  21. &:active {
  22. box-shadow: none;
  23. }
  24. &:focus {
  25. & .ck-button__label {
  26. text-decoration: underline;
  27. }
  28. }
  29. & .ck-button__label {
  30. padding: 0 var(--ck-spacing-medium);
  31. color: var(--ck-color-link-default);
  32. text-overflow: ellipsis;
  33. cursor: pointer;
  34. /* Match the box model of the link editor form's input so the balloon
  35. does not change width when moving between actions and the form. */
  36. max-width: var(--ck-input-text-width);
  37. min-width: 3em;
  38. text-align: center;
  39. &:hover {
  40. text-decoration: underline;
  41. }
  42. }
  43. }
  44. &:focus {
  45. /* https://github.com/ckeditor/ckeditor5-link/issues/90 */
  46. outline: none;
  47. }
  48. & .ck-button:not(.ck-link-actions__preview) {
  49. margin-left: var(--ck-spacing-standard);
  50. }
  51. @mixin ck-media-phone {
  52. padding: 0;
  53. width: calc(.8 * var(--ck-input-text-width));
  54. & .ck-button.ck-link-actions__preview {
  55. margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
  56. & .ck-button__label {
  57. min-width: 0;
  58. max-width: 100%;
  59. }
  60. }
  61. & .ck-button:not(.ck-link-actions__preview) {
  62. padding: var(--ck-spacing-standard);
  63. margin-top: var(--ck-spacing-standard);
  64. margin-left: 0;
  65. border-radius: 0;
  66. border: 0;
  67. border-top: 1px solid var(--ck-color-base-border);
  68. &:first-of-type {
  69. border-right: 1px solid var(--ck-color-base-border);
  70. }
  71. }
  72. }
  73. }