ML extension - revised button component (#12674)

* Revert "Revert "ML extension updates  (#11817)" (#12645)"

This reverts commit 34a6200a47.

* Modified button template and renamed infoButton ElementRef

* fix rendering issue

* Minor code cleanup.

* add clean up previous button logic

Co-authored-by: Alan Ren <alanren@microsoft.com>
This commit is contained in:
Hale Rankin
2020-10-01 13:41:48 -07:00
committed by GitHub
parent 2da0fafcd5
commit 4965f3de1a
10 changed files with 439 additions and 212 deletions

View File

@@ -58,7 +58,7 @@ panel {
max-width: 100px;
}
.tabbedPanel.vertical >.title .tabList .tab .tabLabel {
.tabbedPanel.vertical > .title .tabList .tab .tabLabel {
font-size: 13px;
padding-bottom: 0px;
max-width: 200px;
@@ -70,6 +70,20 @@ panel {
font-weight: 600;
}
.tabbedPanel .tabList .tab-header:hover:not(.active) {
background-color: #dcdcdc;
outline: none;
}
.vs-dark .tabbedPanel .tabList .tab-header:hover:not(.active) {
background-color: #2a2d2e;
outline: none;
}
.hc-black .tabbedPanel .tabList .tab-header:hover:not(.active) {
background-color: initial;
outline: 1px dashed #f38518;
outline-offset: -3px;
}
.tabbedPanel.horizontal > .title .tabList .tab .tabLabel,
.tabbedPanel.vertical > .title .tabList .tab .tabLabel {
text-overflow: ellipsis;