| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- /*
- * 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-table-form__border-row {
- flex-wrap: wrap;
- & .ck-labeled-view {
- display: flex;
- flex-direction: column-reverse;
- align-items: center;
- & > .ck-label {
- font-size: 10px;
- }
- & .ck.ck-dropdown {
- flex-grow: 0;
- }
- }
- & .ck-table-form__border-style {
- width: 80px;
- min-width: 80px;
- flex-grow: 0;
- }
- & .ck-table-form__border-width {
- width: 80px;
- min-width: 80px;
- flex-grow: 0;
- }
- }
- & .ck.ck-labeled-view {
- /* Allow absolute positioning of the status (error) balloons. */
- position: relative;
- & .ck.ck-labeled-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% );
- }
- }
- }
- }
|