8
0

tableform.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  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-form__row {
  7. &.ck-table-form__border-row {
  8. flex-wrap: wrap;
  9. }
  10. &.ck-table-form__background-row {
  11. flex-wrap: wrap;
  12. }
  13. &.ck-table-form__dimensions-row {
  14. flex-wrap: wrap;
  15. align-items: center;
  16. & .ck-labeled-field-view {
  17. display: flex;
  18. flex-direction: column-reverse;
  19. align-items: center;
  20. & .ck.ck-dropdown {
  21. flex-grow: 0;
  22. }
  23. }
  24. & .ck-table-form__dimension-operator {
  25. flex-grow: 0;
  26. }
  27. }
  28. }
  29. & .ck.ck-labeled-field-view {
  30. /* Allow absolute positioning of the status (error) balloons. */
  31. position: relative;
  32. & .ck.ck-labeled-field-view__status {
  33. position: absolute;
  34. left: 50%;
  35. bottom: calc( -1 * var(--ck-table-properties-error-arrow-size) );
  36. transform: translate(-50%,100%);
  37. /* Make sure the balloon status stays on top of other form elements. */
  38. z-index: 1;
  39. /* The arrow pointing towards the field. */
  40. &::after {
  41. content: "";
  42. position: absolute;
  43. top: calc( -1 * var(--ck-table-properties-error-arrow-size) );
  44. left: 50%;
  45. transform: translateX( -50% );
  46. }
  47. }
  48. }
  49. }