| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- /*
- * Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
- .ck.ck-table-form {
- & .ck-form__row {
- &.ck-table-form__border-row {
- flex-wrap: wrap;
- }
- &.ck-table-form__background-row {
- flex-wrap: wrap;
- }
- &.ck-table-form__dimensions-row {
- flex-wrap: wrap;
- align-items: center;
- & .ck-labeled-field-view {
- display: flex;
- flex-direction: column-reverse;
- align-items: center;
- & .ck.ck-dropdown {
- flex-grow: 0;
- }
- }
- & .ck-table-form__dimension-operator {
- flex-grow: 0;
- }
- }
- }
- & .ck.ck-labeled-field-view {
- /* Allow absolute positioning of the status (error) balloons. */
- position: relative;
- & .ck.ck-labeled-field-view__status {
- position: absolute;
- left: 50%;
- bottom: calc( -1 * var(--ck-table-properties-error-arrow-size) );
- transform: translate(-50%,100%);
- /* Make sure the balloon status stays on top of other form elements. */
- z-index: 1;
- /* The arrow pointing towards the field. */
- &::after {
- content: "";
- position: absolute;
- top: calc( -1 * var(--ck-table-properties-error-arrow-size) );
- left: 50%;
- transform: translateX( -50% );
- }
- }
- }
- }
|