Defect #29694 » move-left-right-buttons.patch
public/javascripts/jstoolbar/jstoolbar.js | ||
---|---|---|
68 | 68 |
tabs.appendChild(elementsTab); |
69 | 69 |
this.tabsBlock.appendChild(tabs); |
70 | 70 | |
71 |
var leftScrollButton = document.createElement('button'); |
|
72 |
leftScrollButton.classList = 'tab-left disabled'; |
|
73 |
leftScrollButton.setAttribute('type','button'); |
|
74 |
leftScrollButton.onclick = function() { moveTabLeft(this); }; |
|
75 |
var rightScrollButton = document.createElement('button'); |
|
76 |
rightScrollButton.classList = 'tab-right'; |
|
77 |
rightScrollButton.setAttribute('type','button'); |
|
78 |
rightScrollButton.onclick = function() { moveTabRight(this); }; |
|
79 | ||
80 |
var scrollButtons = document.createElement('div'); |
|
81 |
scrollButtons.classList = 'tabs-buttons'; |
|
82 |
scrollButtons.appendChild(leftScrollButton); |
|
83 |
scrollButtons.appendChild(rightScrollButton); |
|
84 |
this.tabsBlock.appendChild(scrollButtons); |
|
85 | ||
71 | 86 |
this.toolbar = document.createElement("div"); |
72 | 87 |
this.toolbar.className = 'jstElements'; |
73 | 88 |
elementsTab.appendChild(this.toolbar); |
public/stylesheets/jstoolbar.css | ||
---|---|---|
32 | 32 |
line-height: 19px; |
33 | 33 |
border-bottom: 1px solid transparent; |
34 | 34 |
} |
35 |
#content .jstTabs.tabs div.tabs-buttons { |
|
36 |
background-color: #f7f7f7; |
|
37 |
height: 24px; |
|
38 |
width: 50px; |
|
39 |
border-bottom: 1px solid #ccc; |
|
40 |
} |
|
35 | 41 |
.jstElements { |
36 | 42 |
display: inline-block; |
37 | 43 |
vertical-align: bottom; |