Merged with development

This commit is contained in:
WBHarry 2026-01-12 14:55:53 +01:00
commit 379398f2c7
46 changed files with 968 additions and 73 deletions

View file

@ -47,4 +47,58 @@
color: light-dark(@dark-blue-50, @beige-50);
}
}
.trigger-data {
width: 100%;
display: flex;
justify-content: space-between;
gap: 8px;
.trigger-data-inner {
flex: 1;
display: flex;
flex-direction: column;
select {
flex: 1;
}
.select-section {
flex: 1;
display: flex;
gap: 8px;
}
.programmer-section {
flex: 3;
display: flex;
flex-direction: column;
.hint-section {
display: flex;
gap: 4px;
.hint {
flex: 1;
flex-wrap: wrap;
}
}
}
}
.expand-trigger {
font-size: 18px;
}
}
.code-mirror-wrapper {
width: 100%;
height: 0;
min-height: 0;
transition: height 0.1s ease-in-out;
&.revealed {
height: 300px;
}
}
}

View file

@ -1,3 +1,5 @@
@import './actions/actions.less';
@import './actors/actor-sheet-shared.less';
@import './actors/adversary/actions.less';

View file

@ -33,3 +33,5 @@
@import './scene-config/scene-config.less';
@import './effects-display/sheet.less';
@import './scene-navigation/scene-navigation.less';

View file

@ -37,4 +37,63 @@
.helper-text {
font-style: italic;
}
.scene-environments {
display: flex;
flex-direction: column;
gap: 8px;
.scene-environment {
display: flex;
align-items: center;
gap: 8px;
.scene-environment-inner {
display: flex;
align-items: center;
gap: 16px;
flex: 1;
img {
height: 36px;
}
h5 {
margin: 0;
}
.tags {
display: flex;
gap: 4px;
padding-bottom: 0;
.tag {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px 5px;
font-size: var(--font-size-12);
font: @font-body;
background: light-dark(@dark-15, @beige-15);
border: 1px solid light-dark(@dark, @beige);
border-radius: 3px;
}
.label {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: var(--font-size-12);
}
}
}
.remove-icon {
font-size: 16px;
}
}
}
}

View file

@ -0,0 +1,36 @@
#ui-left #ui-left-column-2 {
flex: 0 0 230px;
.scene-navigation {
.scene-wrapper {
display: flex;
gap: 2px;
height: var(--control-size);
width: 100%;
.scene-environment {
padding: 0;
img {
border-radius: 4px;
}
}
}
.scene {
justify-content: center;
align-content: center;
background: var(--control-bg-color);
border: 1px solid var(--control-border-color);
border-radius: 4px;
color: var(--control-icon-color);
pointer-events: all;
transition:
border 0.25s,
color 0.25s;
text-shadow: none;
width: 200px;
max-width: 200px;
}
}
}