/**
 * Copyright (c) 2012-2018 Red Hat, Inc.
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 *
 * Contributors:
 *   Red Hat, Inc. - initial API and implementation
 */
@eval categoryHeaderButtonHoverColor org.eclipse.che.ide.api.theme.Style.theme.categoryHeaderButtonHoverColor();
@eval categoryHeaderButtonColor org.eclipse.che.ide.api.theme.Style.theme.categoryHeaderButtonColor();
@eval categoryElementButtonHoverColor org.eclipse.che.ide.api.theme.Style.theme.categoryElementButtonHoverColor();
@eval categoryElementButtonColor org.eclipse.che.ide.api.theme.Style.theme.categoryElementButtonColor();
@eval categorySelectElementBackgroundColor org.eclipse.che.ide.api.theme.Style.theme.categorySelectElementBackgroundColor();
@eval categorySelectElementColor org.eclipse.che.ide.api.theme.Style.theme.categorySelectElementColor();

.commandGoalNode span:last-child,
.commandNode .commandNodeButtonsPanel > span {
    display: inline-block;
    height: 100%;
    width: 25px;
    float: right;
    cursor: pointer;
    text-align: center;
}

.commandNodeText {
    max-width: literal("calc(100% - 100px)");
}

.commandGoalNode span:last-child svg,
.commandNode .commandNodeButtonsPanel svg {
    width: 12px;
    height: 12px;
    vertical-align: middle;
    fill: categoryHeaderButtonColor;
    stroke: categoryHeaderButtonColor;
}

.commandGoalNode span:last-child:hover svg,
.commandNode .commandNodeButtonsPanel span:hover > svg {
    fill: categoryHeaderButtonHoverColor;
    stroke: categoryHeaderButtonHoverColor;
}

.commandNode {
    padding-right: 1px;
    line-height: 18px;
    overflow: hidden;
}

div.commandNode[selected],
div.commandNode[class~=selected] {
    background: categorySelectElementBackgroundColor;
    color: categorySelectElementColor;
}

div.commandNode[selected] .commandNodeButtonsPanel,
div.commandNode[class~=selected] .commandNodeButtonsPanel {
    display: inline;
}

div.commandNode[selected] .commandNodeButtonsPanel svg,
div.commandNode[class~=selected] .commandNodeButtonsPanel svg {
    opacity: 1;
    fill: categoryElementButtonColor;
    stroke: categoryElementButtonColor;
}

div.commandNode[selected] .commandNodeButtonsPanel span:hover > svg,
div.commandNode[class~=selected] .commandNodeButtonsPanel span:hover > svg {
    fill: categoryElementButtonHoverColor;
    stroke: categoryElementButtonHoverColor;
}

.commandNodeButtonsPanel {
    display: none;
    float: right;
}
