8
0

tableform.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /*
  2. * Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. .ck.ck-table-form {
  6. & .ck-table-form__border-row {
  7. flex-wrap: wrap;
  8. & .ck-labeled-view {
  9. display: flex;
  10. flex-direction: column-reverse;
  11. align-items: center;
  12. & > .ck-label {
  13. font-size: 10px;
  14. }
  15. & .ck.ck-dropdown {
  16. flex-grow: 0;
  17. }
  18. }
  19. & .ck-table-form__border-style {
  20. width: 80px;
  21. min-width: 80px;
  22. flex-grow: 0;
  23. }
  24. & .ck-table-form__border-width {
  25. width: 80px;
  26. min-width: 80px;
  27. flex-grow: 0;
  28. }
  29. }
  30. & .ck.ck-labeled-view {
  31. /* Allow absolute positioning of the status (error) balloons. */
  32. position: relative;
  33. & .ck.ck-labeled-view__status {
  34. position: absolute;
  35. left: 50%;
  36. bottom: calc( -1 * var(--ck-table-properties-error-arrow-size) );
  37. transform: translate(-50%,100%);
  38. /* Make sure the balloon status stays on top of other form elements. */
  39. z-index: 1;
  40. /* The arrow pointing towards the field. */
  41. &::after {
  42. content: "";
  43. position: absolute;
  44. top: calc( -1 * var(--ck-table-properties-error-arrow-size) );
  45. left: 50%;
  46. transform: translateX( -50% );
  47. }
  48. }
  49. }
  50. }