Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-30 03:40:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fieldset fix, added roll templates, fix for expand/collapse on iPad

Browse Source
This commit is contained in:
Peter Haldenby
2021-05-30 11:15:00 -07:00
parent fd0ad2c2f6
commit d24c7f0494
5 changed files with 511 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Demon Gate/DemonGate.css
+91 -34
View File
@@ -173,22 +173,33 @@ input.sheet-expand-collapse-checkbox {
position: absolute;
opacity: 0;
cursor: pointer;
height: 18px;
margin-left: 7px;
margin-top: 4px;
width: 16px;
}
/* Show the checkmark when checked */
input.sheet-expand-collapse-checkbox:checked~.sheet-expand-collapse-symbol:after {
display: block;
content: "⯆";
font-size: 18px;
height: 24px;
width: 20px;
margin-left: 4px;
content: " ";
background-image: url('https://cdn.discordapp.com/attachments/645700678907330560/848275687432650772/expanded.png');
background-position: center;
background-repeat: no-repeat;
}
/* Style the checkmark/indicator */
input.sheet-expand-collapse-checkbox~.sheet-expand-collapse-symbol:after {
display: block;
content: "⯈";
font-size: 18px;
color: maroon;
height: 24px;
width: 20px;
margin-left: 4px;
content: " ";
background-image: url('https://cdn.discordapp.com/attachments/645700678907330560/848275684555489330/collapsed.png');
background-position: center;
background-repeat: no-repeat;
}
input[type="checkbox"].sheet-expand-collapse-checkbox~.sheet-collapsible {
@@ -202,7 +213,7 @@ input[type="checkbox"].sheet-expand-collapse-checkbox:checked~.sheet-collapsible
/* Designed to spill over on to the expand/collapse element below */
.sheet-table-header-collapse {
height: 5px;
line-height: 28px;
line-height: 30px;
padding: 0;
}
@@ -665,7 +676,9 @@ tr td.sheet-mental-condition-6 {
textarea.sheet-text-area-full,
textarea.sheet-text-area-large,
textarea.sheet-standalone-textarea {
textarea.sheet-standalone-textarea,
textarea.sheet-textarea-gems,
textarea.sheet-textarea-equipment {
box-sizing: border-box;
resize: none;
width: 100%;
@@ -704,13 +717,27 @@ h1.sheet-spacer-top-margin {
margin-top: 40px;
}
.sheet-standalone-textarea {
.sheet-standalone-textarea,
.sheet-textarea-gems,
.sheet-textarea-equipment {
margin-top: 20px;
border: 2px solid #948a54;
border-radius: 0;
}
textarea.sheet-standalone-textarea {
height: 150px;
}
textarea.sheet-textarea-gems {
height: 530px;
}
textarea.sheet-textarea-equipment {
height: 570px;
}
/* TODO: This is a hack - sorting out heading spacing properly and removing it from flex sections should allow this to be removed */
.sheet-remove-margin-bottom {
margin-bottom: -10px;
@@ -815,7 +842,10 @@ tr.sheet-spell-spacer-row td {
.sheet-rolltemplate-percentile .sheet-template-box,
.sheet-rolltemplate-attack .sheet-template-box,
.sheet-rolltemplate-damage .sheet-template-box,
.sheet-rolltemplate-roll .sheet-template-box {
.sheet-rolltemplate-roll .sheet-template-box,
.sheet-rolltemplate-spell-description .sheet-template-box,
.sheet-rolltemplate-spell-cast .sheet-template-box,
.sheet-rolltemplate-spell-effect .sheet-template-box {
width: 100%;
border: 2px solid #948a54;
background-color: #f6f5ef;
@@ -826,27 +856,46 @@ tr.sheet-spell-spacer-row td {
.sheet-rolltemplate-percentile .sheet-template-title,
.sheet-rolltemplate-attack .sheet-template-title,
.sheet-rolltemplate-damage .sheet-template-title,
.sheet-rolltemplate-roll .sheet-template-title {
.sheet-rolltemplate-roll .sheet-template-title,
.sheet-rolltemplate-spell-description .sheet-template-title,
.sheet-rolltemplate-spell-cast .sheet-template-title,
.sheet-rolltemplate-spell-effect .sheet-template-title {
width: 100%;
text-align: center;
color: maroon;
background-color: #ddd9c3;
font-weight: normal;
font-size: 16px;
height: 28px;
line-height: 28px;
padding-top: 2px;
padding: 8px 0;
}
.sheet-rolltemplate-attack .sheet-template-subtitle,
.sheet-rolltemplate-damage .sheet-template-subtitle,
.sheet-rolltemplate-roll .sheet-template-subtitle,
.sheet-rolltemplate-spell-cast .sheet-template-subtitle,
.sheet-rolltemplate-spell-effect .sheet-template-subtitle {
width: 100%;
text-align: center;
color: maroon;
background-color: #ddd9c3;
font-weight: normal;
font-size: 12px;
padding-bottom: 2px;
}
.sheet-rolltemplate-text .sheet-template-text,
.sheet-rolltemplate-class-ability-text .sheet-template-text,
.sheet-rolltemplate-percentile .sheet-template-text {
.sheet-rolltemplate-percentile .sheet-template-text,
.sheet-rolltemplate-spell-description .sheet-template-text {
font-size: 13px;
padding: 4px;
}
.sheet-rolltemplate-class-ability-text th,
.sheet-rolltemplate-percentile th {
.sheet-rolltemplate-percentile th,
.sheet-rolltemplate-spell-description th,
.sheet-rolltemplate-spell-cast th,
.sheet-rolltemplate-spell-effect th {
font-size: 13px;
padding: 4px;
font-weight: bold;
@@ -861,7 +910,10 @@ tr.sheet-spell-spacer-row td {
}
.sheet-rolltemplate-class-ability-text td,
.sheet-rolltemplate-percentile td {
.sheet-rolltemplate-percentile td,
.sheet-rolltemplate-spell-description td,
.sheet-rolltemplate-spell-cast td,
.sheet-rolltemplate-spell-effect td {
font-size: 13px;
text-align: center;
min-width: 3em;
@@ -877,30 +929,35 @@ tr.sheet-spell-spacer-row td {
padding: 10px;
}
.sheet-rolltemplate-attack .sheet-template-subtitle,
.sheet-rolltemplate-damage .sheet-template-subtitle,
.sheet-rolltemplate-roll .sheet-template-subtitle {
width: 100%;
text-align: center;
color: maroon;
background-color: #ddd9c3;
font-weight: normal;
font-size: 12px;
padding-bottom: 2px;
}
.sheet-rolltemplate-percentile .sheet-template-success,
.sheet-rolltemplate-percentile .sheet-template-failure {
font-size: 16px;
font-weight: bold;
padding: 10px;
margin-top: 4px;
text-align: center;
color: maroon;
}
.sheet-rolltemplate-percentile .sheet-template-success {
font-size: 16px;
font-weight: bold;
padding: 10px;
text-align: center;
color: darkgreen;
}
.sheet-rolltemplate-percentile .sheet-template-failure {
color: maroon;
}
.sheet-rolltemplate-class-ability-text .sheet-hr,
.sheet-rolltemplate-percentile .sheet-hr,
.sheet-rolltemplate-attack .sheet-hr,
.sheet-rolltemplate-spell-description .sheet-hr,
.sheet-rolltemplate-spell-cast .sheet-hr,
.sheet-rolltemplate-spell-effect .sheet-hr {
width: 100%;
height: 24px;
background-image: url('https://cdn.discordapp.com/attachments/645700678907330560/848259559890223164/roll-divider.png');
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
background-size: contain;
padding: 0;
}
Demon Gate/DemonGate.html
+420 -222
View File
File diff suppressed because it is too large Load Diff
Demon Gate/collapsed.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 447 B

Demon Gate/expanded.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 429 B

Demon Gate/roll-divider.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB