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

format files

Browse source
This commit is contained in:
Johannes Loher 2020-12-23 17:09:02 +01:00
parent bd4c5308bf
commit 4f6a9b7e73
18 changed files with 541 additions and 622 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/scss/components/_apps.scss
View file

@ -1,16 +1,15 @@
.window-content {
overflow-y: hidden;
padding: 5px;
form {
height: 100%;
overflow: hidden;
height: 100%;
overflow: hidden;
}
.tab {
height: 100%;
overflow-y: auto;
align-content: flex-start;
height: 100%;
overflow-y: auto;
align-content: flex-start;
}
}
}

18
src/scss/components/_basic_property.scss
View file

@ -1,13 +1,13 @@
.basic-properties {
flex: 0 0 100%;
.basic-property {
.basic-property-label {
font-weight: bold;
}
flex: 0 0 100%;
.basic-property {
.basic-property-label {
font-weight: bold;
}
.basic-property-select {
display: block;
width: 100%;
.basic-property-select {
display: block;
width: 100%;
}
}
}
}

54
src/scss/components/_description.scss
View file

@ -1,39 +1,39 @@
.side-properties {
flex: 0 0 150px;
margin: 5px 5px 5px 0;
padding-right: 5px;
border-right: 2px groove $c-border-groove;
flex: 0 0 150px;
margin: 5px 5px 5px 0;
padding-right: 5px;
border-right: 2px groove $c-border-groove;
.side-property {
margin: 2px 0;
display: flex;
flex-direction: row;
.side-property {
margin: 2px 0;
display: flex;
flex-direction: row;
label {
flex: 2;
line-height: 26px;
font-weight: bold;
label {
flex: 2;
line-height: 26px;
font-weight: bold;
}
input,
select {
text-align: right;
flex: 1;
width: calc(100% - 2px);
}
}
input,
select {
text-align: right;
flex: 1;
width: calc(100% - 2px);
}
}
}
.sheet-body .tab .editor {
height: 100%;
height: 100%;
}
.tox {
.tox-editor-container {
background: $c-white;
}
.tox-editor-container {
background: $c-white;
}
.tox-edit-area {
padding: 0 8px;
}
.tox-edit-area {
padding: 0 8px;
}
}

92
src/scss/components/_forms.scss
View file

@ -1,62 +1,62 @@
.item-form {
font-family: $font-primary;
font-family: $font-primary;
}
$header-top-margin: 5px;
header.sheet-header {
flex: 0 0 210px;
overflow: hidden;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
flex: 0 0 210px;
overflow: hidden;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
.profile-img {
flex: 0 0 100px;
height: 100px;
margin: $header-top-margin 10px $header-top-margin 0;
}
.header-fields {
flex: 1;
}
h1.charname {
height: 50px;
padding: 0px;
margin: $header-top-margin 10px $header-top-margin 0;
border-bottom: 0;
input {
width: 100%;
height: 100%;
margin: 0;
border: none;
background-color: transparent;
.profile-img {
flex: 0 0 100px;
height: 100px;
margin: $header-top-margin 10px $header-top-margin 0;
}
.header-fields {
flex: 1;
}
h1.charname {
height: 50px;
padding: 0px;
margin: $header-top-margin 10px $header-top-margin 0;
border-bottom: 0;
input {
width: 100%;
height: 100%;
margin: 0;
border: none;
background-color: transparent;
}
font-family: $font-heading;
display: block;
}
h2.item-type {
font-family: $font-heading;
display: block;
height: 50px;
padding: 0px;
flex: 0 0 0;
color: $c-light-grey;
border: none;
line-height: 50px;
margin: $header-top-margin 0;
text-align: right;
}
font-family: $font-heading;
display: block;
}
h2.item-type {
font-family: $font-heading;
display: block;
height: 50px;
padding: 0px;
flex: 0 0 0;
color: $c-light-grey;
border: none;
line-height: 50px;
margin: $header-top-margin 0;
text-align: right;
}
}
.sheet-tabs {
flex: 0;
flex: 0;
}
.sheet-body,
.sheet-body .tab {
height: 100%;
height: 100%;
}

56
src/scss/components/_items.scss
View file

@ -1,35 +1,35 @@
.items-list {
list-style: none;
margin: 7px 0;
padding: 0;
overflow-y: auto;
list-style: none;
margin: 7px 0;
padding: 0;
overflow-y: auto;
.item-header {
font-weight: bold;
}
.item {
height: 30px;
line-height: 24px;
padding: 3px 0;
border-bottom: 1px solid #BBB;
.item-image {
flex: 0 0 24px;
margin-right: 5px;
.item-header {
font-weight: bold;
}
img {
display: block;
.item {
height: 30px;
line-height: 24px;
padding: 3px 0;
border-bottom: 1px solid #bbb;
.item-image {
flex: 0 0 24px;
margin-right: 5px;
}
img {
display: block;
}
}
}
.item-name {
margin: 0;
}
.item-name {
margin: 0;
}
.item-controls {
flex: 0 0 86px;
text-align: right;
}
}
.item-controls {
flex: 0 0 86px;
text-align: right;
}
}

20
src/scss/components/_tabs.scss
View file

@ -1,14 +1,14 @@
nav.tabs {
height: 40px;
border-top: 2px groove $c-border-groove;
border-bottom: 2px groove $c-border-groove;
height: 40px;
border-top: 2px groove $c-border-groove;
border-bottom: 2px groove $c-border-groove;
.item {
line-height: 40px;
font-weight: bold;
}
.item {
line-height: 40px;
font-weight: bold;
}
.item.active {
text-decoration: none;
}
.item.active {
text-decoration: none;
}
}