Warning, /firebird/packages/firebird-ng/display/src/lib/components/painter-config-panel/painter-config-panel.component.scss is written in an unsupported language. File is not indexed.
0001 .panel {
0002 padding: 10px 12px;
0003 font-size: 13px;
0004 }
0005
0006 .panel-hint {
0007 padding: 14px 12px;
0008 opacity: 0.7;
0009 line-height: 1.4;
0010 }
0011
0012 .piece-header {
0013 margin-bottom: 8px;
0014
0015 .piece-name {
0016 font-weight: 600;
0017 font-size: 14px;
0018 }
0019
0020 .piece-type {
0021 opacity: 0.6;
0022 font-size: 11px;
0023 }
0024 }
0025
0026 .section-label {
0027 margin: 12px 0 4px;
0028 font-size: 11px;
0029 text-transform: uppercase;
0030 letter-spacing: 0.06em;
0031 opacity: 0.6;
0032 }
0033
0034 .option-listbox {
0035 list-style: none;
0036 margin: 0;
0037 padding: 0;
0038 border: 1px solid var(--mat-sys-outline-variant);
0039 border-radius: 8px;
0040 overflow: hidden;
0041
0042 [ngOption] {
0043 padding: 5px 10px;
0044 cursor: pointer;
0045
0046 &:hover {
0047 background: rgba(128, 128, 128, 0.15);
0048 }
0049
0050 // Aria stamps aria-selected; style the active choice from it
0051 &[aria-selected='true'] {
0052 background: var(--mat-sys-primary-container);
0053 color: var(--mat-sys-on-primary-container);
0054 }
0055 }
0056 }
0057
0058 .knob {
0059 margin: 8px 0;
0060
0061 .knob-label {
0062 display: block;
0063 margin-bottom: 3px;
0064 }
0065 }
0066
0067 .range-row {
0068 display: flex;
0069 align-items: center;
0070 gap: 8px;
0071
0072 input[type='range'] {
0073 flex: 1;
0074 }
0075
0076 .range-value {
0077 min-width: 34px;
0078 text-align: right;
0079 font-variant-numeric: tabular-nums;
0080 }
0081 }
