/********************************************************************************
 * Copyright (C) 2018 Red Hat, Inc. and others.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License v. 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0.
 *
 * This Source Code may also be made available under the following Secondary
 * Licenses when the conditions for such availability set forth in the Eclipse
 * Public License v. 2.0 are satisfied: GNU General Public License, version 2
 * with the GNU Classpath Exception which is available at
 * https://www.gnu.org/software/classpath/license.html.
 *
 * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
 ********************************************************************************/

.theia-plugins {
  min-width: 250px !important;
  display: flex;
  flex-direction: column;
}

#pluginListContainer {
  width: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  flex-grow: 1;
}

.theia-plugins .pluginHeaderContainer {
  padding: 5px 15px;
  font-size: var(--theia-ui-font-size0);
}

.theia-side-panel .theia-plugins .pluginHeaderContainer {
  padding-left: 20px;
}

.theia-plugins .pluginHeaderContainer:hover {
  background: var(--theia-list-hoverBackground);
}

.theia-plugins .pluginHeaderContainer .row {
  margin: 3px 0;
}

.theia-plugins .pluginName {
  flex: 1;
  margin-right: 5px;
  margin-left: 4px;
  font-size: var(--theia-ui-font-size1);
  font-weight: 400;
}

.theia-plugins .pluginVersion {
  flex: 1;
  text-align: left;
  font-size: var(--theia-ui-font-size0);
}

.theia-plugins .pluginDescription {
  flex: 1;
}

.theia-plugins .pluginPublisher {
  font-size: var(--theia-ui-font-size0);
  flex: 5;
  align-items: center;
}

.plugins-tab-icon::before {
  content: "\f0fe";
}

.theia-plugins .pluginHeaderContainer.pluginDisabledByTrust {
  opacity: 0.6;
}

.theia-plugins .pluginRestrictedBadge {
  font-size: var(--theia-ui-font-size0);
  color: var(--theia-statusBarItem-prominentForeground);
  background-color: var(--theia-statusBarItem-prominentBackground);
  border-radius: 2px;
  padding: calc(var(--theia-ui-padding) / 3 * 2);
  white-space: nowrap;
}