1
0
mirror of https://github.com/node-red/node-red.git synced 2023-10-10 13:36:53 +02:00
node-red/editor/sass/tab-info.scss

272 lines
5.9 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.
**/
2015-07-14 00:21:03 +02:00
.sidebar-node-info hr {
margin: 10px 0;
}
2015-04-09 15:46:29 +02:00
table.node-info {
font-size: 14px;
2017-04-07 00:17:06 +02:00
margin: 0 0 10px;
width: 100%;
2015-04-09 15:46:29 +02:00
}
2017-04-05 17:19:23 +02:00
table.node-info tr:not(.blank) {
2017-04-07 00:17:06 +02:00
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.node-info-property-expand {
font-size: 0.8em;
text-align: right;
line-height: 0.9em;
a {
padding-bottom: 5px;
}
2015-04-09 15:46:29 +02:00
}
table.node-info tr.blank {
border: none;
2017-04-05 17:19:23 +02:00
th {
text-align: left;
2017-04-07 00:17:06 +02:00
font-weight: 500;
2017-04-05 17:19:23 +02:00
color: #444;
2017-04-07 00:17:06 +02:00
padding: 6px 3px 3px;
2017-04-05 17:19:23 +02:00
}
>* {
padding-top: 8px;
border: none;
padding-left: 0px;
}
2017-04-07 00:17:06 +02:00
2017-04-05 17:19:23 +02:00
a {
display: block;
2017-04-07 00:17:06 +02:00
color: #666;
2017-04-05 17:19:23 +02:00
&:hover,&:focus {
2017-04-07 00:17:06 +02:00
color: #666;
2017-04-05 17:19:23 +02:00
text-decoration: none;
}
2017-04-07 00:17:06 +02:00
&:not(.expanded) {
.node-info-property-show-more {
display: inline;
}
.node-info-property-show-less {
display: none;
}
}
2017-04-05 17:19:23 +02:00
i {
width: 10px;
text-align: center;
transition: transform 0.2s ease-in-out;
}
2017-04-07 00:17:06 +02:00
&.expanded {
.node-info-property-show-more {
display: none;
}
.node-info-property-show-less {
display: inline;
}
i {
transform: rotate(180deg);
}
2017-04-05 17:19:23 +02:00
}
}
&.node-info-info-row > td {
padding-left: 5px;
}
2015-04-09 15:46:29 +02:00
}
2017-09-20 11:30:07 +02:00
.node-info-none {
font-style: italic;
color: #aaa;
}
2017-04-05 17:19:23 +02:00
table.node-info tr:not(.blank) td:first-child{
2017-09-20 11:30:07 +02:00
color: #444;
2015-04-09 15:46:29 +02:00
vertical-align: top;
width: 90px;
2017-04-07 00:17:06 +02:00
padding: 3px 3px 3px 6px;
2017-09-20 11:30:07 +02:00
background:#f9f9f9;
2015-04-09 15:46:29 +02:00
border-right: 1px solid #ddd;
}
2017-04-05 17:19:23 +02:00
table.node-info tr:not(.blank) td:last-child{
2017-04-07 00:17:06 +02:00
padding: 3px 3px 3px 6px;
2015-04-09 15:46:29 +02:00
color: #666;
overflow-y: hidden;
2015-04-09 15:46:29 +02:00
}
div.node-info {
margin: 5px;
}
.node-help {
2015-07-13 12:26:29 +02:00
font-size: 14px;
line-height: 1.5em;
2015-04-09 15:46:29 +02:00
h1 {
2017-04-05 17:19:23 +02:00
font-weight: 500;
2017-04-07 00:17:06 +02:00
font-size: 1.296em;
2017-04-05 17:19:23 +02:00
line-height: 1.3em;
2015-04-09 15:46:29 +02:00
margin: 8px auto;
}
h2 {
2017-04-05 17:19:23 +02:00
font-weight: 500;
2017-04-07 00:17:06 +02:00
font-size: 1.215em;
2015-07-14 00:21:03 +02:00
margin: 8px auto;
2017-04-05 17:19:23 +02:00
line-height: 1.3em;
2015-07-14 00:21:03 +02:00
}
h3 {
2017-04-05 17:19:23 +02:00
font-weight: 500;
2017-04-07 00:17:06 +02:00
font-size: 1.138em;
2017-04-05 17:19:23 +02:00
margin: 7px auto 5px;
line-height: 1.3em;
2015-04-09 15:46:29 +02:00
}
h4,
h5 {
2017-04-05 17:19:23 +02:00
font-weight: 500;
2017-04-07 00:17:06 +02:00
font-size: 1.067em;
2017-04-05 17:19:23 +02:00
line-height: 1.3em;
margin: 8px auto 5px;
}
& > span > p:first-child {
2015-04-09 15:46:29 +02:00
}
2017-04-05 17:19:23 +02:00
dl.message-properties {
2017-04-07 00:17:06 +02:00
border: 1px solid #ddd;
2017-04-05 17:19:23 +02:00
border-radius: 2px;
margin: 5px auto 10px;
&>dt {
padding: 0px 3px 2px 3px;
font-family: monospace;
font-weight: normal;
margin: 5px 3px 1px;
color: #AD1625;
white-space: nowrap;
&.optional {
font-style: italic;
}
.property-type {
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
color: #666;
font-style: italic;
font-size: 11px;
float: right;
}
&:after {
content: "";
display: table;
clear: both;
}
}
&>dd {
2017-04-07 00:17:06 +02:00
margin: 0px 8px 2px 13px;
vertical-align: top;
2017-04-05 17:19:23 +02:00
}
}
ol.node-ports {
margin: 0;
li {
2017-04-07 00:17:06 +02:00
border: 1px solid #ddd;
2017-04-05 17:19:23 +02:00
border-radius: 2px;
list-style-position: inside;
padding: 3px;
margin-bottom: 5px;
2017-04-07 00:17:06 +02:00
dl.message-properties {
border: none;
}
2017-04-05 17:19:23 +02:00
}
}
.node-info-header {
i {
width: 10px;
text-align: center;
transition: transform 0.2s ease-in-out;
margin-right: 4px;
}
color: #333;
&:hover, &:focus {
text-decoration: none;
}
&.expanded {
i {
transform: rotate(90deg);
}
}
}
2017-04-05 17:19:23 +02:00
2015-04-09 15:46:29 +02:00
}
2017-04-07 12:21:30 +02:00
.sidebar-node-info-stack {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-y: scroll;
}
.node-info-tips {
display: none;
2017-01-06 00:33:19 +01:00
position: absolute;
left:0;
right:0;
2017-04-07 12:21:30 +02:00
bottom: 0;
height: 150px;
box-sizing: border-box;
border-top: 1px solid $secondary-border-color;
background-color: #fff;
2017-01-06 00:33:19 +01:00
padding: 20px;
box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.3);
overflow-y: auto;
2017-04-07 12:21:30 +02:00
}
.sidebar-node-info.show-tips {
.sidebar-node-info-stack {
bottom: 150px;
}
.node-info-tips {
display: block;
}
}
.node-info-tips:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em; /* Adjusts for spacing */
}
.node-info-tip {
display: inline-block;
vertical-align: middle;
width: 100%;
2017-01-06 00:33:19 +01:00
font-size: 16px;
text-align: center;
2017-01-06 00:33:19 +01:00
line-height: 1.9em;
color : #bbb;
@include disable-selection;
cursor: default;
}
.node-info-tips-buttons {
position: absolute;
top: 4px;
right: 6px;
a {
color: #ddd !important;
border-color: #d9d9d9 !important;
margin-left: 4px;
}
}
.node-info-property-config-node {
border: 1px solid #eee;
border-radius: 4px;
padding: 2px 4px 2px;
}