Athemis/ds4
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

refactor: resturcture files so that lincensing info can be bundled properly

Browse source
This commit is contained in:
Johannes Loher 2022-01-31 15:13:32 +01:00
parent 699ba74840
commit 1aa284311f
484 changed files with 119 additions and 179 deletions
Download patch file Download diff file Expand all files Collapse all files

16
scss/components/shared/_control_button_group.scss Normal file
View file

@ -0,0 +1,16 @@
/*
* SPDX-FileCopyrightText: 2021 Johannes Loher
*
* SPDX-License-Identifier: MIT
*/
.ds4-control-button-group {
display: flex;
text-align: center;
width: 100%;
padding: 0 calc(1em / 3);
&__button {
flex: 1;
}
}

18
scss/components/shared/_editor.scss Normal file
View file

@ -0,0 +1,18 @@
/*
* SPDX-FileCopyrightText: 2021 Johannes Loher
*
* SPDX-License-Identifier: MIT
*/
.ds4-sheet-form {
.editor {
height: 100%;
.tox {
.tox-toolbar-overlord,
.tox-toolbar__primary {
background: transparent;
}
}
}
}

155
scss/components/shared/_embedded_document_list.scss Normal file
View file

@ -0,0 +1,155 @@
/*
* SPDX-FileCopyrightText: 2021 Johannes Loher
* SPDX-FileCopyrightText: 2021 Gesina Schwalbe
*
* SPDX-License-Identifier: MIT
*/
@use "../../utils/mixins";
@use "../../utils/variables";
.ds4-embedded-document-list {
@include mixins.mark-invalid-or-disabled-input;
$row-height: 1.75em;
align-items: center;
display: grid;
grid-column-gap: 0.5em;
grid-row-gap: 0.2em;
margin: 0;
overflow-y: auto;
padding: 0.5em 0;
&--weapon {
grid-template-columns: $row-height $row-height 3ch 3fr $row-height 1fr 3ch 5fr 5ch;
:nth-child(9n + 1),
:nth-child(9n + 5),
:nth-child(9n + 6),
:nth-child(9n + 7) {
justify-self: center;
}
}
&--armor {
grid-template-columns: $row-height $row-height 3ch 3fr 1fr 1fr 3ch 5fr 5ch;
:nth-child(9n + 1),
:nth-child(9n + 7) {
justify-self: center;
}
}
&--shield {
grid-template-columns: $row-height $row-height 3ch 1fr 3ch 3fr 5ch;
:nth-child(7n + 1),
:nth-child(7n + 5) {
justify-self: center;
}
}
&--equipment {
grid-template-columns: $row-height $row-height 3ch 1fr 10ch 3fr 5ch;
:nth-child(7n + 1) {
justify-self: center;
}
}
&--loot {
grid-template-columns: $row-height 3ch 1fr 10ch 3fr 5ch;
}
&--spell {
grid-template-columns: $row-height $row-height 2fr $row-height 1fr 1fr 1fr 1fr 5ch;
:nth-child(9n + 1),
:nth-child(9n + 4),
:nth-child(9n + 6),
:nth-child(9n + 7),
:nth-child(9n + 8) {
justify-self: center;
}
}
&--talent {
grid-template-columns: $row-height 1fr 21ch 3fr 5ch;
:nth-child(9n + 3) {
justify-self: center;
}
}
&--racial-ability,
&--language,
&--alphabet,
&--special-creature-ability {
grid-template-columns: $row-height 1fr 3fr 5ch;
}
&--effect {
grid-template-columns: $row-height $row-height $row-height 3fr 2fr $row-height 5ch;
:nth-child(7n + 1),
:nth-child(7n + 2),
:nth-child(7n + 6) {
justify-self: center;
}
}
&--item-effect {
grid-template-columns: $row-height 1fr 5ch;
}
&__row {
display: contents; // TODO: Once chromium supports `grid-template-columns: subgrid` (https://bugs.chromium.org/p/chromium/issues/detail?id=618969), switch to `display: grid; grid: 1/-1; grid-template-columns: subgrid`
&--header {
font-weight: bold;
}
> * {
height: $row-height;
line-height: $row-height;
white-space: nowrap;
text-overflow: ellipsis;
}
}
&__image {
border: none;
}
&__editable {
&[type="text"],
&[type="number"] {
background-color: transparent;
border: 0;
padding: 0;
}
&--checkbox {
&[type="checkbox"] {
width: 100%;
height: 100%;
margin: 0px;
}
}
}
&__description {
overflow: hidden;
text-overflow: ellipsis;
:not(:first-child) {
display: none;
}
> * {
font-size: 0.75em;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
}
}
&__clickable {
cursor: pointer;
}
}
.ds4-embedded-document-list-title {
border-bottom: variables.$border-groove;
font-weight: bold;
margin-bottom: 0;
margin-top: 1em;
padding-left: 1em;
}

39
scss/components/shared/_rollable_image.scss Normal file
View file

@ -0,0 +1,39 @@
/*
* SPDX-FileCopyrightText: 2021 Johannes Loher
*
* SPDX-License-Identifier: MIT
*/
.ds4-rollable-image {
position: relative;
&--rollable {
cursor: pointer;
&:hover {
.ds4-rollable-image__image {
opacity: 0.25;
}
.ds4-rollable-image__overlay {
opacity: 1;
}
}
}
&__image {
border: none;
transition: 0.1s ease;
}
&__overlay {
border: none;
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: 0.1s ease;
}
}

10
scss/components/shared/_sheet_body.scss Normal file
View file

@ -0,0 +1,10 @@
/*
* SPDX-FileCopyrightText: 2021 Johannes Loher
*
* SPDX-License-Identifier: MIT
*/
.ds4-sheet-body {
height: 100%;
overflow-y: auto;
}

13
scss/components/shared/_sheet_form.scss Normal file
View file

@ -0,0 +1,13 @@
/*
* SPDX-FileCopyrightText: 2021 Johannes Loher
*
* SPDX-License-Identifier: MIT
*/
.ds4-sheet-form {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
font-family: var(--ds4-font-primary);
height: 100%;
}

19
scss/components/shared/_sheet_tab.scss Normal file
View file

@ -0,0 +1,19 @@
/*
* SPDX-FileCopyrightText: 2021 Johannes Loher
*
* SPDX-License-Identifier: MIT
*/
.ds4-sheet-tab {
flex-direction: column;
flex-wrap: nowrap;
height: 100%;
&[data-tab].active {
display: flex;
}
> * {
flex-shrink: 0;
}
}

28
scss/components/shared/_sheet_tab_nav.scss Normal file
View file

@ -0,0 +1,28 @@
/*
* SPDX-FileCopyrightText: 2021 Johannes Loher
*
* SPDX-License-Identifier: MIT
*/
@use "../../utils/variables";
.ds4-sheet-tab-nav {
border-bottom: variables.$border-groove;
border-top: variables.$border-groove;
display: flex;
flex-wrap: nowrap;
height: calc(2 * var(--line-height-16));
justify-content: space-around;
line-height: calc(2 * var(--line-height-16));
margin: variables.$margin-sm 0;
&__item {
flex: 0 1 auto !important; // necessary to override the styling from lang-de, see https://gitlab.com/henry4k/foundryvtt-lang-de/-/issues/9
font-weight: bold;
white-space: nowrap;
&.active {
text-shadow: 0 0 variables.$padding-md var(--color-shadow-primary);
}
}
}