| // 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. |
| |
| #bulk-action-component-popover { |
| font-size: 13px; |
| |
| i.icon { |
| margin-right: 10px; |
| } |
| |
| ul { |
| margin: inherit; |
| } |
| |
| li { |
| padding: 14px 15px; |
| line-height: 0; |
| cursor: pointer; |
| list-style-type: none; |
| |
| &.disabled { |
| color: #cccccc; |
| cursor: default; |
| &:hover { |
| background-color: inherit; |
| } |
| } |
| |
| &:hover { |
| background-color: #fbcece; // light red |
| } |
| &:last-child { |
| -webkit-border-bottom-right-radius: 5px; |
| -webkit-border-bottom-left-radius: 5px; |
| -moz-border-radius-bottomright: 5px; |
| -moz-border-radius-bottomleft: 5px; |
| border-bottom-right-radius: 5px; |
| border-bottom-left-radius: 5px; |
| } |
| } |
| .popover-title { |
| margin: -1px; |
| } |
| |
| .popover { |
| left: 10px !important; |
| |
| .arrow { |
| margin-left: -39px; |
| } |
| } |
| |
| .popover-content { |
| padding: 0; |
| } |
| } |
| |
| .bulk-action-component { |
| min-height: 43px; |
| |
| button { |
| height: 26px; |
| width: 26px; |
| background-color: @background; |
| border: 1px solid @darkBorder; |
| margin-left: 7px; |
| } |
| |
| .fonticon-trash:before { |
| font-size: 12px; |
| margin-left: 2px; |
| margin-top: 1px; |
| } |
| |
| |
| .separator { |
| border-left: 1px solid @darkBorder; |
| margin: 5px 0; |
| height: 15px; |
| } |
| |
| .bulk-action-component-selector-group { |
| |
| .fonticon { |
| font-size: 8px; |
| color: #505050; |
| padding: 3px 0; |
| &:hover { |
| color: @dangerRed; |
| } |
| } |
| |
| } |
| |
| .bulk-action-component-panel { |
| input[type="checkbox"] { |
| margin: 6px; |
| } |
| |
| border: 1px solid @darkBorder; |
| |
| position: relative; |
| float: left; |
| div.arrow-button { |
| height: 24px; |
| width: 24px; |
| transform: rotate(90deg); |
| cursor: pointer; |
| i { |
| margin-left: 10px; |
| } |
| } |
| } |
| } |