diff options
author | 2018-07-13 12:32:32 +0100 | |
---|---|---|
committer | 2018-07-13 16:07:05 +0100 | |
commit | 08b595c863b45e759e57ef419c83dad2b209df9c (patch) | |
tree | 02f9c3e7c74e5b1242d4a04c21ade4e4ea501063 /client/client-editor/src/main/resources/webapp/css/fileMenu.css | |
parent | 7fbb46185166f2699b624cd2616c6fdd74ef4832 (diff) |
Adding client editor module to apex-pdp
The size of the review is big because of following:
1. edit_area & jquery are 3PP's used in the client editor
2. ui elements like svg, gifs, png
Change-Id: Ib62d8e6dda6e6dc1b6e604298e23505523f77cf2
Issue-ID: POLICY-864
Signed-off-by: ramverma <ram.krishna.verma@ericsson.com>
Diffstat (limited to 'client/client-editor/src/main/resources/webapp/css/fileMenu.css')
-rw-r--r-- | client/client-editor/src/main/resources/webapp/css/fileMenu.css | 194 |
1 files changed, 194 insertions, 0 deletions
diff --git a/client/client-editor/src/main/resources/webapp/css/fileMenu.css b/client/client-editor/src/main/resources/webapp/css/fileMenu.css new file mode 100644 index 000000000..8f1102e39 --- /dev/null +++ b/client/client-editor/src/main/resources/webapp/css/fileMenu.css @@ -0,0 +1,194 @@ +/* + * ============LICENSE_START======================================================= + * Copyright (C) 2016-2018 Ericsson. All rights reserved. + * ================================================================================ + * 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. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +.fileMenu { + font-family: Helvetica, Arial, sans-serif; + font-weight: 300; + list-style: none; + padding: 0 0 0 5px; + margin: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + color: 000; +} + +.fileMenu ul { + display: none; + position: absolute; + z-index:9999; + padding: 0; + margin: 0; + list-style: none; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); + min-width: 250px; + background: #f5f5f5; + border: 1px solid #ccc; + border-radius: 0 0 5px 5px; + color: #000; + font-weight: 300; + text-align: left; +} + +.fileMenu > li { + display: inline-block; + padding: 3px 5px; + margin: 0; +} + +.fileMenu > li.selected { + background: #007bff; + color: #fff; + font-weight: 400; +} + +.fileMenu li { + cursor: default; + transition: all .1s; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.fileMenu li.divider { + margin: 3px 0; + height: 1px; + background: #b3b3b3; + pointer-events: none; +} + +.fileMenu li i { + font-size: .8em; + text-align: center; + color: #444; + transition: all .1s; + +} + +.fileMenu li i:before { + position: relative; + top: -.1em; +} + +.fileMenu > li.selected > i, +.fileMenu ul li:hover > i { + color: #ebebeb; +} + +.fileMenu ul li { + line-height: 1.5em; + padding: 0 5px; +} + +.fileMenu ul li.toggle.active i:before { + content: '\f00c'; +} + +.fileMenu ul li.disabled { + color: #999; + pointer-events: none; +} + +.fileMenu ul li.disabled i { + color: #aaa; +} + +.fileMenu ul li.sub:after { + font: normal normal normal; + content: '\f0da'; + float: right; + color: #999; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + transform: translate(0, 0); + line-height: inherit; + transition: all .1s; +} + +.fileMenu ul li.sub:hover:after { + color: #fff; +} + +.fileMenu ul li:hover { + background: #007bff; + color: #fff; + font-weight: 400; +} + +.fileMenu ul li:last-child { + border-radius: 0 0 5px 5px; +} + +.fileMenu ul li:hover ul { + display: block; +} + +.fileMenu ul li kbd { + float: right; + font-weight: 300; + font-family: inherit; + color: #999; +} + +.fileMenu ul li ul { + border-radius: 5px; + position: absolute; + margin-top: -70px; +} + +.fileMenu ul li ul li:first-child { + border-radius: 5px 5px 0 0; +} + +.fileMenuButton { + display: inline-block; + vertical-align: middle; + color: #333; + background-color: #fff; + border: none; + min-width: 60px; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); + border-radius: 3px; + -moz-box-sizing: border-box; + box-sizing: border-box; + background-image: linear-gradient(180deg, rgba(0,0,0,0) 0, rgba(0,0,0,0.1) 100%); + padding: 0 8px; + height: 2.4rem; + text-decoration: none; + text-align: center; + cursor: pointer; + line-height: 18px; +} + +.fileMenuSeperator { + display: inline-block; + white-space: nowrap; + vertical-align: middle; + width: 1px; + height: 24px; + background-color: #CCC; + margin: 0 6px; + font-size: 2.4rem; + margin: 0px 10px; +}
\ No newline at end of file |