UNPKG

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