1
0
mirror of https://github.com/node-red/node-red.git synced 2023-10-10 13:36:53 +02:00
node-red/packages/node_modules/@node-red/editor-client/src/sass/jquery.scss

192 lines
4.8 KiB
SCSS
Raw Normal View History

2015-04-09 15:46:29 +02:00
/**
* Copyright JS Foundation and other contributors, http://js.foundation
2015-04-09 15:46:29 +02:00
*
* 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: $primary-font;
}
.ui-widget input, .ui-widget div[contenteditable="true"], .ui-widget select, .ui-widget textarea, .ui-widget button {
font-size: 14px !important;
font-family: $primary-font;
}
.ui-widget input, .ui-widget div[contenteditable="true"] {
2015-12-29 23:15:41 +01:00
box-shadow: none;
}
2015-04-09 15:46:29 +02:00
/* 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;
2019-05-15 14:54:29 +02:00
background: $secondary-background;
2015-04-09 15:46:29 +02:00
padding: 0;
2015-07-18 16:33:31 +02:00
@include component-shadow;
2015-04-09 15:46:29 +02:00
}
.ui-dialog .ui-dialog-content {
padding: 25px 25px 10px 25px;
}
.ui-dialog .ui-dialog-title {
width: auto;
}
2015-04-09 15:46:29 +02:00
.ui-dialog .ui-dialog-titlebar {
padding: 10px;
2019-05-15 14:54:29 +02:00
background: $primary-background;
2015-04-09 15:46:29 +02:00
border: none;
2019-05-15 14:54:29 +02:00
border-bottom: 1px solid $primary-border-color;
2015-04-09 15:46:29 +02:00
border-radius: 0;
}
2019-05-15 14:54:29 +02:00
.ui-dialog .ui-dialog-buttonpane.ui-widget-content {
background: $tertiary-background;
}
2015-04-09 15:46:29 +02:00
.ui-corner-all {
2015-07-13 12:26:29 +02:00
border-radius: 1px;
2015-04-09 15:46:29 +02:00
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
2019-05-15 14:54:29 +02:00
background: $primary-background;
2015-04-09 15:46:29 +02:00
}
.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;
border-radius: 2px;
2019-05-15 14:54:29 +02:00
color: $workspace-button-color;
background: $workspace-button-background;
&.leftButton {
float: left;
margin-top: 7px;
}
&:not(.leftButton):not(:last-child) {
margin-right: 16px;
}
&.primary {
2019-05-15 14:54:29 +02:00
border-color: $workspace-button-background-primary;
color: $workspace-button-color-primary !important;
background: $workspace-button-background-primary;
&:not(.disabled):hover {
2019-05-15 14:54:29 +02:00
border-color: $workspace-button-background-primary-hover;
background: $workspace-button-background-primary-hover;
color: $workspace-button-color-primary !important;
}
&.disabled {
border-color: $form-input-border-color;
color: $workspace-button-color-disabled !important;
2019-05-15 14:54:29 +02:00
background: $workspace-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;
}
2016-02-14 12:52:33 +01:00
.ui-spinner {
border-radius: 4px;
padding: 0;
border: 1px solid $form-input-border-color;
}
.ui-spinner input {
2019-05-15 14:54:29 +02:00
background: $form-input-background;
2016-02-14 12:52:33 +01:00
margin: 0 17px 0 0;
padding: 6px;
border: none;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
&:focus {
outline: none;
}
}
.ui-widget-overlay {
@include shade;
z-index: 100;
opacity: 1;
}
2019-05-15 14:54:29 +02:00
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid $secondary-border-color;
background: $form-button-background;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover, .ui-button:focus {
border: 1px solid $secondary-border-color;
background: $workspace-button-background-hover;
color: $workspace-button-color-hover;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid $secondary-border-color;
background: $workspace-button-background-active;
font-weight: normal;
color: $workspace-button-color-active;
}
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
background-image: url(../vendor/jquery/css/base/images/ui-icons_777777_256x240.png);
}