Files
superset2/superset/assets/stylesheets/react-select/select.less
Evan Rusackas d9e7db69fe [css] Bringing Bootswatch in line with external variables, and other CSS tweaks (#8781)
* Bumping less-loader

* moving/updating styles, with a bit of linting as I go.

* more whittling

* caught a couple more colors

* reverting plugin config changes I was hacking around with.

* toast messages now use status colors across the board.

* no more pink.

* expanding scope of linting

* a little more CSS linting

* fixing popover adhoc metric title height issue

* eslint: Ignoring nore modules in subfolders
2020-01-13 12:59:20 -05:00

71 lines
1.8 KiB
Plaintext

/**
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you 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.
*/
@import '../../stylesheets/less/variables.less';
@import '~react-select/less/select.less';
@select-primary-color: @darkest;
@select-input-height: 30px;
// imports
@import '~react-select/less/control.less';
@import '~react-select/less/menu.less';
@import '~react-select/less/mixins.less';
@import '~react-select/less/multi.less';
@import '~react-select/less/spinner.less';
.Select--multi {
.Select-multi-value-wrapper {
display: flex;
flex-wrap: wrap;
}
.Select-value {
margin: 2px;
}
.Select-input > input {
width: 100px;
}
}
.VirtualSelectGrid {
z-index: 1;
}
.VirtualizedSelectOption {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0.5rem;
}
.VirtualizedSelectFocusedOption {
background-color: fade(@darkest, @opacity-light);
}
.VirtualizedSelectFocusedOption:hover {
cursor: pointer;
}
.VirtualizedSelectDisabledOption {
opacity: 0.5;
}
.VirtualizedSelectSelectedOption {
font-weight: @font-weight-bold;
}