| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- /*
- * 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-labeled-field-view {
- display: flex;
- flex-direction: column-reverse;
- & .ck.ck-dropdown {
- flex-grow: 0;
- }
- }
- & .ck-table-form__border-style {
- flex-grow: 0;
- }
- & .ck-table-form__border-width {
- flex-grow: 0;
- }
- }
- &.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% );
- }
- }
- }
- }
|