gerrit.onap Code Review - sdc/sdc-workflow-designer.git/blob

   1 /**
   2  * Copyright (c) 2017 ZTE Corporation.
   3  * All rights reserved. This program and the accompanying materials
   4  * are made available under the terms of the Eclipse Public License v1.0
   5  * and the Apache License 2.0 which both accompany this distribution,
   6  * and are available at http://www.eclipse.org/legal/epl-v10.html
   7  * and http://www.apache.org/licenses/LICENSE-2.0
   8  *
   9  * Contributors:
  10  *     ZTE - initial API and implementation and/or initial documentation
  11  */
  12
  13 .editable-content {
  14     display: inline-block;
  15     width: 300px;
  16     visibility: visible;
  17 }
  18
  19 .editable-main {
  20     border: 1px solid transparent;
  21     border-radius: 3px;
  22     cursor: pointer;
  23     font-size: 24px;
  24     min-height: 34px;
  25     padding: 2px 20px 2px 2px;
  26     position: relative;
  27     word-wrap: break-word;
  28 }
  29
  30 .editable-main:hover {
  31     border: 1px solid #ddd;
  32 }
  33
  34 .editable-main span {
  35     background-color: #f0f0f0;
  36     border-left: 1px solid #ddd;
  37     display: none;
  38     padding: 0 4px 0 4px;
  39     height: 100%;
  40     position: absolute;
  41     right: 0;
  42     top: 0;
  43     -moz-border-radius-topright: 3px;
  44     -moz-border-radius-bottomright: 3px;
  45     -webkit-border-top-right-radius: 3px;
  46     -webkit-border-bottom-right-radius: 3px;
  47 }
  48
  49 .editable-main span i {
  50     font-size: 16px;
  51     color: #707070;
  52 }
  53
  54 .editable-main:hover span {
  55     display: inline;
  56 }
  57
  58 .editable-field {
  59     display: inline-block;
  60     width: 100%;
  61 }