data-analysis/webapp/app/components/RichText/Toolbar/Toolbar.less

/*
 * <<
 * Davinci
 * ==
 * Copyright (C) 2016 - 2017 EDP
 * ==
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * >>
 */

@import '~antd/lib/style/themes/default';

:global {
  .richtext {
    &-toolbar {
      padding: 0 8px;
      border-bottom: @border-width-base @border-style-base @border-color-base;
      user-select: none; // to avoid editor selection lost while clicking the toolbar item

      .anticon {
        font-size: 16px;
      }

      .anticon + .anticon {
        margin-left: 8px;
      }

      &-select, .ant-select-sm, .ant-select, .ant-select-enabled {
        width: auto;
        margin: 4px 8px 4px 0;

        h1, h2, h3, h4, h5, h6 {
          font-size: 14px;
          font-weight: normal;
        }

        span {
          font-size: inherit !important;
          line-height: 22px !important;
        }
      }

      &-item {
        margin-right: 8px;
        user-select: none;
      }

      &-icon {
        color: @text-color;

        &-active {
          color: @primary-color;
        }
      }

      &-color {
        height: 16px;
        width: 16px;
        cursor: pointer;
        overflow: hidden;
        border-bottom-width: 2px;
        border-bottom-style: solid;

        > i.anticon {
          font-size: 17px;
        }
      }
    }
  }
}