options-widget.css

/********************************************************************************
 * Copyright (C) 2023-2024 Ericsson, EclipseSource 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 WITH Classpath-exception-2.0
 ********************************************************************************/

.memory-options-widget {
  margin-bottom: 8px;
  padding-bottom: 4px;
}

.memory-options-widget .title-container {
  display: flex;
  align-items: center;
}

.memory-options-widget .title-container h1 {
  flex-grow: 1;
  font-size: 1.3em;
  margin: 8px 5px 4px;
}

.memory-options-widget .title-container input {
  margin: 5px 0 0;
  flex-grow: 1;
}

.memory-options-widget .p-button {
  align-self: end;
}

.memory-options-widget .edit-label-toggle {
  opacity: 0;
  transition: opacity 0.2s;
}

.memory-options-widget .title-container:hover .edit-label-toggle {
  opacity: 1;
}

.memory-options-widget .freeze-content-toggle {
  margin-top: 4px;
}

.memory-options-widget .freeze-content-toggle.toggled {
  background-color: var(--vscode-button-secondaryBackground);
}

.core-options {
  display: flex;
  flex-direction: row;
  align-items: end;
  margin: 6px 0;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--vscode-widget-border);
  border-top: 1px solid var(--vscode-widget-border);
}

.form-options {
  display: flex;
  flex-direction: row;
  align-items: start;
  flex-wrap: wrap;
  column-gap: 12px;
  row-gap: 12px;
}

.form-textfield {
  position: relative;
  padding-bottom: 16px;
}

.form-textfield > input {
  width: 150px;
}

.form-texfield-long > input {
  width: 200px;
}

.form-options button[type="submit"] {
  /* Match height of inputs */
  height: calc(var(--input-minHeight) * 1px);
  margin-top: 1rem;
  align-self: start;
}

.form-options-memory-read-argument-hint {
  position: absolute;
  bottom: 0;
  color: var(--vscode-descriptionForeground);
}

.advanced-options-content h2 {
  font-size: 120%;
  margin: 0.5rem 0 0 0;
}

.advanced-options-toggle {
  margin-left: auto;
  align-self: start;
  margin-top: 1rem;
}

.advanced-options-content {
  width: 180px;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.advanced-options-dropdown {
  width: 100%;
}

.advanced-options-label {
  width: 100%;
  font-weight: bold;
}

.reset-advanced-options-icon {
  position: absolute;
  top: 12px;
  right: 12px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}