frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2023-10-10 13:36:53 +02:00
Code Issues Releases Wiki Activity

Tab buttons should use editor-button-toggle style

Browse Source
This commit is contained in:
Nick O'Leary 2018-06-15 17:28:29 +01:00
parent f7434b5ec8
commit de35c7024a
No known key found for this signature in database
GPG Key ID: 4F2157149161A6C9
2 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
editor/js/ui/common/tabs.js
View File

@ -170,8 +170,8 @@ RED.tabs = (function() {
ul.children().css({"transition": "width 100ms"}); ul.children().css({"transition": "width 100ms"});
link.parent().addClass("active"); link.parent().addClass("active");
var parentId = link.parent().attr('id'); var parentId = link.parent().attr('id');
wrapper.find(".red-ui-tab-link-button").removeClass("active"); wrapper.find(".red-ui-tab-link-button").removeClass("active selected");
$("#"+parentId+"-link-button").addClass("active"); $("#"+parentId+"-link-button").addClass("active selected");
if (options.scrollable) { if (options.scrollable) {
var pos = link.parent().position().left; var pos = link.parent().position().left;
if (pos-21 < 0) { if (pos-21 < 0) {

3
editor/sass/tabs.scss
View File

@ -214,12 +214,11 @@
border-bottom: 1px solid $primary-border-color; border-bottom: 1px solid $primary-border-color;
z-index: 2; z-index: 2;
a { a {
@include workspace-button; @include workspace-button-toggle;
line-height: 26px; line-height: 26px;
height: 28px; height: 28px;
width: 28px; width: 28px;
margin: 4px 3px 3px; margin: 4px 3px 3px;
border: 1px solid $primary-border-color;
z-index: 2; z-index: 2;
&.red-ui-tab-link-button { &.red-ui-tab-link-button {
&:not(.active) { &:not(.active) {