mirror of https://github.com/node-red/node-red.git
145 lines
3.6 KiB
SCSS
145 lines
3.6 KiB
SCSS
/**
|
|
* Copyright JS Foundation and other contributors, http://js.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.
|
|
**/
|
|
|
|
.ui-widget {
|
|
font-size: 14px !important;
|
|
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
|
|
}
|
|
.ui-widget input, .ui-widget div[contenteditable="true"], .ui-widget select, .ui-widget textarea, .ui-widget button {
|
|
font-size: 14px !important;
|
|
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
|
|
}
|
|
.ui-widget input, .ui-widget div[contenteditable="true"] {
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* jQuery Theme overrides */
|
|
.ui-tabs .ui-tabs-panel {
|
|
padding: 0px;
|
|
}
|
|
|
|
.ui-autocomplete {
|
|
max-height: 250px;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.ui-dialog {
|
|
border-radius: 1px;
|
|
background: #fff;
|
|
padding: 0;
|
|
@include component-shadow;
|
|
}
|
|
.ui-dialog .ui-dialog-content {
|
|
padding: 25px 25px 10px 25px;
|
|
}
|
|
.ui-dialog .ui-dialog-title {
|
|
width: auto;
|
|
}
|
|
.ui-dialog .ui-dialog-titlebar {
|
|
padding: 10px;
|
|
background: #f3f3f3;
|
|
border: none;
|
|
border-bottom: 1px solid #999;
|
|
border-radius: 0;
|
|
}
|
|
.ui-corner-all {
|
|
border-radius: 1px;
|
|
}
|
|
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
|
|
background: #f3f3f3;
|
|
}
|
|
.ui-dialog-no-close .ui-dialog-titlebar-close {
|
|
display: none;
|
|
}
|
|
|
|
.ui-dialog-buttonset {
|
|
text-align: right;
|
|
}
|
|
|
|
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
|
|
float: none;
|
|
}
|
|
|
|
.ui-dialog-buttonset button {
|
|
@include workspace-button;
|
|
font-size: 14px;
|
|
padding: 6px 14px;
|
|
margin-right: 8px;
|
|
color: $editor-button-color;
|
|
background: $editor-button-background;
|
|
|
|
&.leftButton {
|
|
float: left;
|
|
margin-top: 7px;
|
|
}
|
|
&:not(.leftButton):not(:last-child) {
|
|
margin-right: 16px;
|
|
}
|
|
|
|
&.primary {
|
|
border-color: $editor-button-background-primary;
|
|
color: $editor-button-color-primary !important;
|
|
background: $editor-button-background-primary;
|
|
&:not(.disabled):hover {
|
|
border-color: $editor-button-background-primary-hover;
|
|
background: $editor-button-background-primary-hover;
|
|
color: $editor-button-color-primary !important;
|
|
}
|
|
&.disabled {
|
|
border-color: $form-input-border-color;
|
|
color: $workspace-button-color-disabled !important;
|
|
background: $editor-button-background;
|
|
}
|
|
}
|
|
&.disabled {
|
|
background: none;
|
|
}
|
|
&.disabled {
|
|
background: none;
|
|
}
|
|
&.disabled:focus {
|
|
outline: none;
|
|
}
|
|
.ui-button-text {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.ui-dialog .ui-dialog-buttonpane {
|
|
padding: .3em 1em .5em 1em;
|
|
}
|
|
|
|
.ui-spinner {
|
|
border-radius: 4px;
|
|
padding: 0;
|
|
border: 1px solid $form-input-border-color;
|
|
}
|
|
.ui-spinner input {
|
|
margin: 0 17px 0 0;
|
|
padding: 6px;
|
|
border: none;
|
|
border-top-right-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
&:focus {
|
|
outline: none;
|
|
}
|
|
}
|