uberwald/l5rx-chiaroscuro
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Css popups, items, desc & note

Browse Source
This commit is contained in:
Mandar
2021-07-10 01:06:37 +02:00
parent fbda6e6c98
commit c9f3f1fc3b
16 changed files with 51 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
system/styles/scss/global.scss
View File

@@ -225,7 +225,6 @@ input[type="number"] {
.editor-content {
flex: 1;
height: 100%;
min-height: 200px;
}
// Elements Colors

11
system/styles/scss/items.scss
View File

@@ -313,8 +313,11 @@
}
&.property {
article {
&.properties {
width: 100%;
}
&.infos {
height: calc(100% - 0.5rem);
height: calc(100% - 4.5rem);
}
}
}
@@ -383,16 +386,20 @@
}
}
&.title {
.sheet-body {
height: calc(100% - 90px - 4.25rem);
}
article {
&.infos {
height: calc(100% - 3.5rem);
}
&.attributes {
height: auto;
background: transparent;
}
&.experience {
flex: 100%;
height: calc(100% - 3.5rem);
height: calc(100% - 4rem);
}
}
}

11
system/styles/scss/sheets.scss
View File

@@ -555,16 +555,16 @@
flex: 100%;
display: flex;
fieldset {
flex: 0 0 calc(50% - 0.75rem);
flex: 0 0 calc(50% - 0.5rem);
label {
width: 100%;
}
}
}
.narrative-list {
flex: 0 0 calc(50% - 0.25rem);
flex: 0 0 50%;
fieldset {
flex: 0 0 calc(50% - 0.25rem);
flex: 0 0 50%;
label {
width: 100%;
}
@@ -572,7 +572,7 @@
}
.narrative-fluff {
flex: 1;
flex: 0 0 calc(50% - 0.75rem);
flex: 0 0 50%;
.narrative-description {
max-height: 13rem;
@@ -582,6 +582,9 @@
.narrative-note {
font-size: 0.85rem;
}
.editor-content {
min-height: 10rem;
}
}
.techniques-wrapper {
padding-left: 0.25rem;

28
system/styles/scss/ui.scss
View File

@@ -666,20 +666,38 @@ button {
min-height: 200px;
width: 600px;
height: auto;
max-height: 1000px;
overflow-y: hidden;
max-height: 100%;
background: #3e3a30 url("../assets/imgs/bg-l5r.webp") no-repeat;
color: $black-light;
font-size: 0.8rem;
text-align: left;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
padding: 0.25rem;
border: 1px solid #c3a582;
border-radius: 0;
padding: 0.5rem 0.75rem;
display: block;
position: absolute;
z-index: 9999;
* {
color: $black-light;
}
&:before {
z-index: -1;
content: "";
position: absolute;
height: calc(100% + 0.6rem);
width: calc(100% - 0.65rem);
border: 1px solid #c3a582;
border-radius: 0;
top: -0.35rem;
left: 0.25rem;
}
}
.card-header img {
display: inline-block;
background: transparent;
border: 0 none;
width: 20px;
margin: 0;
padding: 0;
}
}