tableform.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  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-table-form__dimension-operator {
  31. flex-grow: 0;
  32. }
  33. & .ck.ck-labeled-view {
  34. /* Allow absolute positioning of the status (error) balloons. */
  35. position: relative;
  36. & .ck.ck-labeled-view__status {
  37. position: absolute;
  38. left: 50%;
  39. bottom: calc( -1 * var(--ck-table-properties-error-arrow-size) );
  40. transform: translate(-50%,100%);
  41. /* Make sure the balloon status stays on top of other form elements. */
  42. z-index: 1;
  43. /* The arrow pointing towards the field. */
  44. &::after {
  45. content: "";
  46. position: absolute;
  47. top: calc( -1 * var(--ck-table-properties-error-arrow-size) );
  48. left: 50%;
  49. transform: translateX( -50% );
  50. }
  51. }
  52. }
  53. }