diff options
Diffstat (limited to 'gui-editors/gui-editor-apex/src/main/webapp/dist/css/dropdownList.css')
| -rw-r--r-- | gui-editors/gui-editor-apex/src/main/webapp/dist/css/dropdownList.css | 134 |
1 files changed, 134 insertions, 0 deletions
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/css/dropdownList.css b/gui-editors/gui-editor-apex/src/main/webapp/dist/css/dropdownList.css new file mode 100644 index 0000000..483a1ce --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/css/dropdownList.css @@ -0,0 +1,134 @@ +/* + * ============LICENSE_START======================================================= + * Copyright (C) 2016-2018 Ericsson. All rights reserved. + * Modifications Copyright (C) 2020 Nordix Foundation. + * ================================================================================ + * 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========================================================= + */ + +.dropdownList_display { + display: inline-block; + vertical-align: middle; + text-align: left; + font-size: 1.2rem; + height: 2.4rem; + padding: 2px 7px; + border: 1px solid #b3b3b3; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-radius: 3px; + box-shadow: inset 1px 1px 0 0 #cccccc; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + font-family: Arial,Helvetica,sans-serif; + font-size: 1em; + border-width: 1px 0 1px 1px; + border-radius: 3px 0 0 3px; + cursor: pointer; + overflow: hidden; +} + +.dropdownList_display_disabled { + display: inline-block; + vertical-align: middle; + text-align: left; + font-size: 1.2rem; + height: 2.4rem; + padding: 0.4rem 0.6rem; + border: 1px solid #b3b3b3; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-radius: 3px; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + font-family: Arial,Helvetica,sans-serif; + font-size: 1em; + border-width: 1px 0 1px 1px; + border-radius: 3px 0 0 3px; + color: #B2B2B2; + border-color: #B2B2B2; + background-color: rgba(0, 0, 0, 0.05); + -webkit-text-fill-color: #b2b2b2; + opacity: 1; + -ms-touch-action: none !important; + touch-action: none !important; + box-shadow: inset 1px 1px 0 0 #cccccc; + overflow: hidden; +} + +.dropdownList_display_clicked, .dropdownList_display:hover, .dropdownList_display:focus { + //background: #007bff; +} + +.dropdownList_display_disabled :hover, .dropdownList_display_disabled :focus { +} + +.dropdownList { + position: relative; + display: inline-block; +} + +.dropdownList_options { + display: none; + position: absolute; + z-index: 1500; + padding: 0 0 4px 0; + margin: 0; + color: #333; + list-style: none; + background-color: #fff; + border: #bfbfbf solid 1px; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); + border-radius: 3px; + -moz-box-sizing: border-box; + box-sizing: border-box; + box-shadow: 5px 5px 5px #87888A; +} + +.dropdownList_options ul li { + padding: 0px; + margin: 0; + text-decoration: none; + display: block; +} + +.dropdownList_options ul li.selected { + background: #007bff; + color: #fff; + font-weight: 400; +} + +.dropdownList_options ul li.disabled { + color: #999; + pointer-events: none; +} + +.dropdownList_options_body { + margin-left: -40px; +} + +.dropdownList ul li:hover { + background: #007bff; + color: #fff; + font-weight: 400; + cursor: pointer; +} + +.dropdownList_show {display:block;}
\ No newline at end of file |