diff options
Diffstat (limited to 'sdc-workflow-designer-ui/src/app/components/editable-property/editable-property.component.css')
-rw-r--r-- | sdc-workflow-designer-ui/src/app/components/editable-property/editable-property.component.css | 51 |
1 files changed, 43 insertions, 8 deletions
diff --git a/sdc-workflow-designer-ui/src/app/components/editable-property/editable-property.component.css b/sdc-workflow-designer-ui/src/app/components/editable-property/editable-property.component.css index 257a07df..35d21fce 100644 --- a/sdc-workflow-designer-ui/src/app/components/editable-property/editable-property.component.css +++ b/sdc-workflow-designer-ui/src/app/components/editable-property/editable-property.component.css @@ -10,17 +10,52 @@ * ZTE - initial API and implementation and/or initial documentation */ -.edit{ - font-size: 24px; +.editable-content { + display: inline-block; width: 300px; - height: 30px; - border: 1px solid #fff; + visibility: visible; +} + +.editable-main { + border: 1px solid transparent; + border-radius: 3px; + cursor: pointer; + font-size: 24px; + min-height: 34px; + padding: 2px 20px 2px 2px; + position: relative; + word-wrap: break-word; +} + +.editable-main:hover { + border: 1px solid #ddd; +} + +.editable-main span { + background-color: #f0f0f0; + border-left: 1px solid #ddd; + display: none; + padding: 0 4px 0 4px; + height: 100%; + position: absolute; + right: 0; + top: 0; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; +} + +.editable-main span i { + font-size: 16px; + color: #707070; } -.edit:hover{ - border-color: #80bdff; +.editable-main:hover span { + display: inline; } -.edit:focus{ - border-color: #80bdff; +.editable-field { + display: inline-block; + width: 100%; }
\ No newline at end of file |