ApplicationV2 GM Toolbox and GM Monitor

This commit is contained in:
Litasa
2025-05-01 12:05:54 +00:00
committed by Vlyan
parent 79979acfc1
commit 9d8c1431be
18 changed files with 958 additions and 575 deletions

View File

@@ -6,6 +6,7 @@
@import "../scss/cursors";
@import "../scss/dices";
@import "../scss/ui";
@import "../scss/global-appv2.scss";
.l5r5e {
@import "../scss/dices-chat";

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,51 @@
.application {
background: unset;
color: var(--color-text-dark-primary);
.scrollable {
--scroll-margin: 0;
}
.window-header {
background: linear-gradient(
$l5r5e-linear-gradient-second,
$l5r5e-linear-gradient-second-dark,
$l5r5e-linear-gradient-second
);
.window-title {
font-family: $font-secondary;
font-size: 1.25rem;
}
}
.window-content {
background: rgb(255, 250, 230) url("../assets/imgs/bg-l5r.webp") no-repeat;
padding: 0.25rem;
}
}
// More specifified stuff down here as to not make it too hard to read the overriden defaults
.application {
.window-content {
table {
background: transparent;
border: 1px solid $l5r5e-title;
thead {
background: $l5r5e-title;
color: $l5r5e-label;
text-shadow: none;
border-bottom: $l5r5e-title;
}
tbody {
}
tr {
&:nth-child(odd) {
background: $l5r5e-odd;
}
&:nth-child(even) {
background: $l5r5e-even;
}
}
}
}
}

View File

@@ -860,6 +860,13 @@ button {
min-width: 240px;
.window-content {
[data-application-part="hidden_tabs"] {
display: none;
}
table {
margin: 0;
overflow: auto;
}
form {
padding: 0 0.5rem;
}
@@ -895,47 +902,39 @@ button {
}
#l5r5e-gm-toolbox {
//bottom: 0;
//right: 0.5rem;
display: flex;
background-position: center;
background-size: 100%;
background: linear-gradient(
$l5r5e-linear-gradient-second,
$l5r5e-linear-gradient-second-dark,
$l5r5e-linear-gradient-second
);
background-origin: padding-box;
border: 1px solid rgb(195, 165, 130);
background-origin: padding-box;
border-image: url("../assets/ui/macro-button.webp") 10 repeat;
border-image-width: 0.5rem;
border-image-outset: 0px;
padding: 0;
margin: 0.5rem;
.window-header {
text-align: center;
border-bottom: 1px solid rgb(195, 165, 130);
h4 {
background: none; //keep the same background as the toolbox, not the default black opaque
.window-title {
text-align: center;
}
h1 {
letter-spacing: 0.25rem;
line-height: 2.25rem;
color: $white-light;
padding-top: 1ch;
}
}
.window-content {
text-align: center;
vertical-align: middle;
background: transparent;
color: $white-light;
form {
padding: 0;
}
background: none;
padding: 0;
.gm-tools-container {
color: var(--color-text-primary);
display: flex;
font-size: 2rem;
line-height: 2rem;
min-height: 2rem;
margin: 0;
padding: 0;
li {
flex: 1;
display: flex;