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

Hide scrollbars until they're needed

This commit is contained in:
Mauricio Bonani 2022-07-28 10:56:38 -04:00
parent dc7fef6395
commit f454c29b8c
8 changed files with 10 additions and 10 deletions

View File

@ -160,7 +160,7 @@
this.element.css("maxHeight",null); this.element.css("maxHeight",null);
} }
if (this.options.height !== 'auto') { if (this.options.height !== 'auto') {
this.uiContainer.css("overflow-y","scroll"); this.uiContainer.css("overflow-y","auto");
if (!isNaN(this.options.height)) { if (!isNaN(this.options.height)) {
this.uiHeight = this.options.height; this.uiHeight = this.options.height;
} }

View File

@ -50,7 +50,7 @@ RED.sidebar.help = (function() {
tocPanel = $("<div>", {class: "red-ui-sidebar-help-toc"}).appendTo(stackContainer); tocPanel = $("<div>", {class: "red-ui-sidebar-help-toc"}).appendTo(stackContainer);
var helpPanel = $("<div>").css({ var helpPanel = $("<div>").css({
"overflow-y": "scroll" "overflow-y": "auto"
}).appendTo(stackContainer); }).appendTo(stackContainer);
panels = RED.panels.create({ panels = RED.panels.create({

View File

@ -98,7 +98,7 @@ RED.sidebar.info = (function() {
propertiesPanelContent = $("<div>").css({ propertiesPanelContent = $("<div>").css({
"flex":"1 1 auto", "flex":"1 1 auto",
"overflow-y":"scroll", "overflow-y":"auto",
}).appendTo(propertiesPanel); }).appendTo(propertiesPanel);

View File

@ -30,7 +30,7 @@
bottom: 0px; bottom: 0px;
left:0px; left:0px;
right: 0px; right: 0px;
overflow-y: scroll; overflow-y: auto;
} }
.red-ui-debug-filter-box { .red-ui-debug-filter-box {
position:absolute; position:absolute;

View File

@ -368,7 +368,7 @@ button.red-ui-button-small
border:1px solid var(--red-ui-secondary-border-color); border:1px solid var(--red-ui-secondary-border-color);
border-radius:5px; border-radius:5px;
height: calc(100% - 21px); height: calc(100% - 21px);
overflow-y: scroll; overflow-y: auto;
background: var(--red-ui-secondary-background); background: var(--red-ui-secondary-background);
} }
@ -562,7 +562,7 @@ div.red-ui-button-small.red-ui-color-picker-opacity-slider-handle {
.red-ui-icon-list { .red-ui-icon-list {
width: 308px; width: 308px;
height: 200px; height: 200px;
overflow-y: scroll; overflow-y: auto;
line-height: 0px; line-height: 0px;
position: relative; position: relative;
&.red-ui-icon-list-dark { &.red-ui-icon-list-dark {

View File

@ -26,7 +26,7 @@
} }
} }
#red-ui-project-settings-tab-settings { #red-ui-project-settings-tab-settings {
overflow-y: scroll; overflow-y: auto;
} }
.red-ui-sidebar-vc-shade { .red-ui-sidebar-vc-shade {
background: var(--red-ui-primary-background); background: var(--red-ui-primary-background);
@ -183,7 +183,7 @@
} }
.red-ui-projects-dialog-project-list-inner-container { .red-ui-projects-dialog-project-list-inner-container {
flex-grow: 1 ; flex-grow: 1 ;
overflow-y: scroll; overflow-y: auto;
position:relative; position:relative;
.red-ui-editableList-border { .red-ui-editableList-border {
border: none; border: none;

View File

@ -20,7 +20,7 @@
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
overflow-y: scroll; overflow-y: auto;
.red-ui-palette-category { .red-ui-palette-category {
&:not(.expanded) button { &:not(.expanded) button {

View File

@ -67,7 +67,7 @@
left: 0; left: 0;
bottom: 0; bottom: 0;
padding: 8px 20px 20px; padding: 8px 20px 20px;
overflow-y: scroll; overflow-y: auto;
} }
.red-ui-settings-row { .red-ui-settings-row {
padding: 5px 10px 2px; padding: 5px 10px 2px;