diff options
author | 2018-03-27 15:57:07 +0800 | |
---|---|---|
committer | 2018-03-27 15:57:07 +0800 | |
commit | 75a9f050d7b92996b464488001829042cb5051a0 (patch) | |
tree | 1287282942f1e86cc7ddda084096e4c3be72e0a2 /sdc-workflow-designer-ui/src/app/components/editable-property | |
parent | 309680feb63ec6a49163387cb1e116b721254847 (diff) |
Modify css files
Modify css files
Issue-ID: SDC-1130,SDC-1131
Change-Id: I5da79bb12b7f9e52a4317bae190f873d2949b84f
Signed-off-by: YuanHu <yuan.hu1@zte.com.cn>
Diffstat (limited to 'sdc-workflow-designer-ui/src/app/components/editable-property')
-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 |