frodovdr
/
node-red
mirror of https://github.com/node-red/node-red.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Tab buttons should use editor-button-toggle style

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"});
link.parent().addClass("active");
var parentId = link.parent().attr('id');
wrapper.find(".red-ui-tab-link-button").removeClass("active");
$("#"+parentId+"-link-button").addClass("active");
wrapper.find(".red-ui-tab-link-button").removeClass("active selected");
$("#"+parentId+"-link-button").addClass("active selected");
if (options.scrollable) {
var pos = link.parent().position().left;
if (pos-21 < 0) {

3
editor/sass/tabs.scss
View File

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