1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- .resource-editor {
- vertical-align: middle;
- display: inline-block;
- margin: 5px;
- .input-group, .km-resource {
- font-size: 12px;
- }
- .input-group {
- height: 20px;
- width: 168px;
- }
- .resource-dropdown {
- position: relative;
- width: 168px;
- border: 1px solid #ccc;
- margin-top: -1px;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- .km-resource {
- position: absolute;
- width: 154px;
- margin-bottom: 3px;
- padding: 0;
- list-style-type: none;
- overflow: scroll;
- max-height: 500px;
- &.open {
- z-index: 3;
- background-color: #fff;
- }
- li {
- display: inline-block;
- padding: 1px 2px;
- border-radius: 4px;
- margin: 2px 3px;
- &[disabled] {
- opacity: 0.5;
- }
- }
- }
- .resource-caret {
- display: block;
- float: right;
- vertical-align: middle;
- width: 12px;
- height: 24px;
- padding: 8px 1px;
- &:hover {background-color: @button-hover;}
- &:active {background-color: @button-active;}
- }
- }
- // 覆盖 bootstrap
- input.form-control, .btn {
- font-size: 12px;
- }
- input.form-control {
- padding: 2px 4px;
- height: 24px;
- border-bottom-left-radius: 0;
- }
- .input-group-btn {
- line-height: 24px;
- .btn {
- padding: 2px 4px;
- height: 24px;
- border-bottom-right-radius: 0;
- }
- }
- }
|