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

Merge pull request #13562 from BE-Arbiter/StarWars5E/develop

Browse Source 
[StarWars5e] - Small Fixes
This commit is contained in:
Nora Cahill
2024-12-03 11:14:30 -08:00
committed by GitHub
parent 4f31f110bb d9c2e285b9
commit 0aba8477ad
17 changed files with 2820 additions and 970 deletions
Download Patch File Download Diff File Expand all files Collapse all files
StarWars5E/README.md
+4
View File
@@ -8,6 +8,10 @@ More Information
- [Star Wars 5e Discord](https://discord.gg/zYcPYTu)
# Changelog
## 2024-11-30
* Bugfix : Fixing buttons for when the sheet is resized
* Bugfix : Fixing PC Powers
* Improvement : Remade NPC Powers
## 2024-11-27
* Chore : Massive refactor of the sheet using GULP as build engine
* Chore : Removal of leftover unused code for 5e compendium & Charmancer integration
StarWars5E/StarWars5E_CSS.css
+108 -229
View File
@@ -398,7 +398,7 @@
font-weight: bold;
}
.charsheet .ship .insp-prof-container .value input[type=number] {
.ship .insp-prof-container .value input[type=number] {
width: 140%;
}
@@ -546,7 +546,7 @@
.textbox span,
.tool_proficiencies span,
.proficiencies span,
.powers span,
.powers .body span,
.options .body span {
display: block;
font-size: 9px;
@@ -1282,6 +1282,7 @@
}
.power .display button[type=roll] {
display:flex;
background-color: transparent;
color: black;
border-top: none;
@@ -1302,17 +1303,16 @@
content: "" !important;
}
span.powerritual,
span.powerconcentration {
.powers .body span.powerritual,
.powers .body span.powerconcentration {
display: none;
font-size: 8px;
font-weight: normal;
margin-top: 0;
color: white;
background-color: black;
position: absolute;
width: 10px;
height: 10px;
width: 1rem;
height: 1rem;
top: 0;
line-height: 10px;
}
@@ -1322,7 +1322,7 @@
right: 11px;
}
.powericon_flag:not([value="none"]) + .body .power .display .powerconcentration:not([value="0"]) ~ span.powerconcentration {
.powers .body .power .display .powerconcentration:not([value="0"]) ~ span.powerconcentration {
border-radius: 100%;
display: inline-block;
right: 0;
@@ -1378,7 +1378,7 @@
max-width: 220px;
}
.power .display .prep ~ span.powername {
.powers .body .power .display .prep ~ span.powername {
margin-left: 14px;
}
@@ -1627,7 +1627,7 @@
position: relative;
}
.power .prep {
.powers .body .power .prep {
width: 10px;
height: 10px;
border-radius: 50%;
@@ -1636,11 +1636,14 @@
border: 1px solid black;
}
.power input[type=checkbox]:checked ~ span.prep {
.powers .body .power input[type=checkbox]:checked ~ span.prep {
background-color: #EC2127;
}
.power .prep-box {
.powers .options .flex-row{
margin-bottom: 0.2rem;
}
.powers .body .power .prep-box {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
opacity: 0;
@@ -1649,7 +1652,7 @@
width: 12px
}
.charsheet .power .display button[type=roll].powercard {
.power .display button[type=roll].powercard {
width: calc(100% - 18px);
}
@@ -2291,7 +2294,7 @@
pointer-events: none;
}
.charsheet .options .body .version input[type="text"] {
.options .body .version input[type="text"] {
border-bottom: none;
width: 20px;
}
@@ -2300,8 +2303,8 @@
display: none;
}
.charsheet .powers .powerattackinfoflag[value="ATTACK"] ~ .powerattackinfo,
.charsheet .npc .powerattackinfoflag[value="ATTACK"] ~ .powerattackinfo {
.powers .powerattackinfoflag[value="ATTACK"] ~ .powerattackinfo,
npc .powerattackinfoflag[value="ATTACK"] ~ .powerattackinfo {
display: block;
}
@@ -2338,7 +2341,7 @@
width: 74px;
}
.charsheet .hlabel-container .multiclass-display {
.hlabel-container .multiclass-display {
width: 57px;
font-size: 13px;
border-bottom: 1px solid #D3D3D3;
@@ -2349,7 +2352,7 @@
text-overflow: ellipsis;
}
.charsheet .hlabel-container .multiclass-display-level {
.hlabel-container .multiclass-display-level {
width: 31px;
text-align: center;
font-size: 13px;
@@ -2359,7 +2362,7 @@
overflow: hidden;
}
.charsheet .hlabel-container input.class-level {
.hlabel-container input.class-level {
margin-left: -6px;
width: 34px;
}
@@ -2479,11 +2482,11 @@
cursor: pointer !important;
}
.charsheet .options .sheet-row span.transition_text {
.options .sheet-row span.transition_text {
color: #A0A0A0;
}
.charsheet .options .sheet-row span.transition_text_highlight {
.options .sheet-row span.transition_text_highlight {
color: #F00;
}
@@ -2516,6 +2519,15 @@
display: none;
}
.npc-powers{
padding: 0.75rem 2rem 0;
.body{
box-sizing: border-box;
width: 100%;
margin:0;
padding: 1rem 0 0;
}
}
.missing-info-flag[value="1"] + .missing-info,
.missing-info:hover .missing-info-desc,
.missing-info-desc:hover {
@@ -2527,9 +2539,6 @@
display: none;
}
.npcpower_flag[value="1"] + .actions.npcpower.powers {
display: block;
}
.powers .innate {
color: #A0A0A0;
@@ -2538,10 +2547,6 @@
font-weight: normal;
}
.innate:before {
content: ", "
}
.innate_flag:not([value=""]) + .innate {
display: inline;
}
@@ -2736,214 +2741,88 @@
/* Tab Switching */
input[type=radio].tab-button {
opacity: 0;
position: absolute;
top: 92px;
right: 2rem;
width: 18px;
height: 18px;
z-index: 2;
}
input[type=radio].tab-button + span {
position: absolute;
top: 92px;
right: 2rem;
width: 17px;
height: 17px;
border: 1px solid black;
border-radius: 5px;
background-color: #E8E8E8;
color: black;
text-align: center;
font-weight: bold;
}
.advantagetoggle input[type=radio]:checked + span,
input[type=radio].tab-button:checked + span {
color: #FFFFFF;
background-color: #EC2127;
}
.advantagetoggle input.toggle-left,
.advantagetoggle input.toggle-left + span {
right: calc(181px + 2rem);
width: 90px;
}
.advantagetoggle input.toggle-center,
.advantagetoggle input.toggle-center + span {
right: calc(113px + 2rem);
width: 65px;
}
.advantagetoggle input.toggle-right,
.advantagetoggle input.toggle-right + span {
right: calc(0px + 2rem);
width: 110px;
}
.whispertoggle {
left: 270px;
}
.advantagetoggle.whispertoggle input.toggle-right,
.advantagetoggle.whispertoggle input.toggle-right + span {
width: 50px;
}
.advantagetoggle.whispertoggle input.toggle-left,
.advantagetoggle.whispertoggle input.toggle-left + span {
right: calc(54px + 2rem);
width: 55px;
}
.npc_toggle[value="1"] ~ .advantagetoggle {
top: -10px;
left: 390px;
}
.npc_toggle[value="1"] ~ .advantagetoggle.whispertoggle {
top: -10px;
left: 120px;
}
.advantagetoggle {
display: none;
}
.toggleflag[value*="advantagetoggle"] + .advantagetoggle,
.toggleflag[value*="whispertoggle"] + .whispertoggle,
.toggleflag[value="1"] + .conditional-visibility,
.toggleflag[value="1"] + .sheet-row.conditional-visibility {
display: block;
}
.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc,
.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.powers .header {
display: block;
visibility: hidden;
width: 0;
top: -150px;
div.button-row {
padding: 0 2rem 0 5rem;
margin: 0;
padding: 0;
.adv-btn-group,
.gm-btn-group{
display: none;
}
input[name="attr_rtype"][value*="advantagetoggle"] + .adv-btn-group,
input[name="attr_wtype"][value*="whispertoggle"] + .gm-btn-group{
display: block;
}
button {
border: 0.1rem solid black;
border-radius: 0.5rem;
font-size: 1.1rem;
font-weight: bold;
padding: 0.1rem 0.5rem;
span {
margin: 0;
padding: 0;
}
}
/*PC*/
input[name="attr_tab"][value="core"] ~ button[name="act_tab_core"],
input[name="attr_tab"][value="bio"] ~ button[name="act_tab_bio"],
input[name="attr_tab"][value="powers"] ~ button[name="act_tab_powers"],
input[name="attr_tab"][value="options"] ~ button[name="act_tab_options"],
/*SHIP*/
input[name="attr_ship_tab"][value="ship-core"] ~ button[name="act_ship_tab_core"],
input[name="attr_ship_tab"][value="ship-cargo"] ~ button[name="act_ship_tab_cargo"],
input[name="attr_ship_tab"][value="ship-mods"] ~ button[name="act_ship_tab_mods"],
input[name="attr_ship_tab"][value="ship-suites"] ~ button[name="act_ship_tab_suites"],
input[name="attr_ship_tab"][value="ship-options"] ~ button[name="act_ship_tab_options"],
/*Whisper*/
input[name="attr_whispertoggle"][value=""] ~ button[name="act_wtype_public"],
input[name="attr_whispertoggle"][value*="gm"] ~ button[name="act_wtype_whisper"],
/*Advantages*/
input[name="attr_advantagetoggle"]:not([value*="disadvantage"])[value*="advantage"] ~ button[name="act_adv_advantage"],
input[name="attr_advantagetoggle"][value*="normal"] ~ button[name="act_adv_normal"],
input[name="attr_advantagetoggle"][value*="disadvantage"] ~ button[name="act_adv_disadvantage"]{
background-color: #EC2127;
color: white;
}
}
.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.powers {
display: block;
}
.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.core,
.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.bio,
.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.options {
/*PC TABS*/
.tab.core,
.tab.bio,
.tab.powers,
.tab.options,
/*SHIP TABS*/
.tab.ship-core,
.tab.ship-suites,
.tab.ship-cargo,
.tab.ship-mods,
/* NPC POWERS */
.npc-powers{
display: none;
}
.npc_toggle[value="2"] ~ .ship .tab.ship-core,
.npc_toggle[value="2"] ~ .ship .tab.ship-cargo,
.npc_toggle[value="2"] ~ .ship .tab.ship-mods,
.npc_toggle[value="2"] ~ .ship .tab.ship-suites {
display: none;
/*PC TAB SELECTED */
input[name="attr_tab"][value="core"] ~ .tab.core,
input[name="attr_tab"][value="bio"] ~ .tab.bio,
input[name="attr_tab"][value="powers"] ~ .tab.powers,
input[name="attr_tab"][value="options"] ~ .tab.options,
/*SHIP TAB SELECTED */
input[name="attr_ship_tab"][value="ship-core"] ~ .tab.ship-core,
input[name="attr_ship_tab"][value="ship-options"] ~ .tab.options,
input[name="attr_ship_tab"][value="ship-suites"] ~ .tab.ship-suites,
input[name="attr_ship_tab"][value="ship-cargo"] ~ .tab.ship-cargo,
input[name="attr_ship_tab"][value="ship-mods"] ~ .tab.ship-mods,
/*NPC POWERS SELECTED*/
input[name="attr_npcpowercastingflag"][value="1"] ~ .npc-powers{
display: flex;
flex-direction:column;
}
.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.powers .body {
visibility: visible;
}
.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.powers .body .col {
display: block;
}
.conditional-visibility,
.options .sheet-row.conditional-visibility {
display: none;
}
.npc_toggle[value="1"] ~ .advantagetoggle input[type=radio] + span {
text-transform: lowercase;
font-variant: small-caps;
font-weight: normal;
background: transparent;
border: none;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.npc_toggle[value="1"] ~ .advantagetoggle input[type=radio] + span:first-letter {
text-transform: uppercase;
}
.npc_toggle[value="1"] ~ .advantagetoggle input[type=radio] + span > span.togm {
text-transform: uppercase;
}
.npc_toggle[value="1"] ~ .advantagetoggle input[type=radio]:checked + span {
font-weight: bold;
color: rgb(126, 45, 64);
}
.tab {
display: none;
}
input[type=radio].tab-button.core:checked ~ .tab.core,
input[type=radio].tab-button.bio:checked ~ .tab.bio,
input[type=radio].tab-button.powers:checked ~ .tab.powers,
input[type=radio].tab-button.options:checked ~ .tab.options,
input[type=radio].tab-button.ship-core:checked ~ .tab.ship-core,
input[type=radio].tab-button.ship-cargo:checked ~ .tab.ship-cargo,
input[type=radio].tab-button.ship-mods:checked ~ .tab.ship-mods,
input[type=radio].tab-button.ship-suites:checked ~ .tab.ship-suites {
display: block;
}
input[type=radio].tab-button.core,
input[type=radio].tab-button.core + span {
right: calc(121px + 2rem);
width: 45px;
}
input[type=radio].tab-button.ship-core,
input[type=radio].tab-button.ship-core + span {
height: 15px;
right: calc(100px + 2rem);
width: 80px;
}
input[type=radio].tab-button.ship-cargo,
input[type=radio].tab-button.ship-cargo + span {
height: 15px;
right: calc(20px + 2rem);
width: 80px;
}
input[type=radio].tab-button.ship-mods,
input[type=radio].tab-button.ship-mods + span {
top: 110px;
height: 15px;
right: calc(100px + 2rem);
width: 80px;
}
input[type=radio].tab-button.ship-suites,
input[type=radio].tab-button.ship-suites + span {
top: 110px;
height: 15px;
right: calc(20px + 2rem);
width: 80px;
}
input[type=radio].tab-button.bio,
input[type=radio].tab-button.bio + span {
right: calc(88px + 2rem);
width: 30px;
}
input[type=radio].tab-button.powers,
input[type=radio].tab-button.powers + span {
right: calc(20px + 2rem);
width: 65px;
}
/* Switch between complex & simple data */
.equipment .complex,
StarWars5E/StarWars5E_HTML.html
+2256 -255
View File
File diff suppressed because it is too large Load Diff
StarWars5E/src/css/conditional-visibility.css
+75 -201
View File
@@ -1,212 +1,86 @@
/* Tab Switching */
input[type=radio].tab-button {
opacity: 0;
position: absolute;
top: 92px;
right: 2rem;
width: 18px;
height: 18px;
z-index: 2;
}
input[type=radio].tab-button + span {
position: absolute;
top: 92px;
right: 2rem;
width: 17px;
height: 17px;
border: 1px solid black;
border-radius: 5px;
background-color: #E8E8E8;
color: black;
text-align: center;
font-weight: bold;
}
.advantagetoggle input[type=radio]:checked + span,
input[type=radio].tab-button:checked + span {
color: #FFFFFF;
background-color: #EC2127;
}
.advantagetoggle input.toggle-left,
.advantagetoggle input.toggle-left + span {
right: calc(181px + 2rem);
width: 90px;
}
.advantagetoggle input.toggle-center,
.advantagetoggle input.toggle-center + span {
right: calc(113px + 2rem);
width: 65px;
}
.advantagetoggle input.toggle-right,
.advantagetoggle input.toggle-right + span {
right: calc(0px + 2rem);
width: 110px;
}
.whispertoggle {
left: 270px;
}
.advantagetoggle.whispertoggle input.toggle-right,
.advantagetoggle.whispertoggle input.toggle-right + span {
width: 50px;
}
.advantagetoggle.whispertoggle input.toggle-left,
.advantagetoggle.whispertoggle input.toggle-left + span {
right: calc(54px + 2rem);
width: 55px;
}
.npc_toggle[value="1"] ~ .advantagetoggle {
top: -10px;
left: 390px;
}
.npc_toggle[value="1"] ~ .advantagetoggle.whispertoggle {
top: -10px;
left: 120px;
}
.advantagetoggle {
display: none;
}
.toggleflag[value*="advantagetoggle"] + .advantagetoggle,
.toggleflag[value*="whispertoggle"] + .whispertoggle,
.toggleflag[value="1"] + .conditional-visibility,
.toggleflag[value="1"] + .sheet-row.conditional-visibility {
display: block;
}
.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc,
.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.powers .header {
display: block;
visibility: hidden;
width: 0;
top: -150px;
div.button-row {
padding: 0 2rem 0 5rem;
margin: 0;
padding: 0;
.adv-btn-group,
.gm-btn-group{
display: none;
}
input[name="attr_rtype"][value*="advantagetoggle"] + .adv-btn-group,
input[name="attr_wtype"][value*="whispertoggle"] + .gm-btn-group{
display: block;
}
button {
border: 0.1rem solid black;
border-radius: 0.5rem;
font-size: 1.1rem;
font-weight: bold;
padding: 0.1rem 0.5rem;
span {
margin: 0;
padding: 0;
}
}
/*PC*/
input[name="attr_tab"][value="core"] ~ button[name="act_tab_core"],
input[name="attr_tab"][value="bio"] ~ button[name="act_tab_bio"],
input[name="attr_tab"][value="powers"] ~ button[name="act_tab_powers"],
input[name="attr_tab"][value="options"] ~ button[name="act_tab_options"],
/*SHIP*/
input[name="attr_ship_tab"][value="ship-core"] ~ button[name="act_ship_tab_core"],
input[name="attr_ship_tab"][value="ship-cargo"] ~ button[name="act_ship_tab_cargo"],
input[name="attr_ship_tab"][value="ship-mods"] ~ button[name="act_ship_tab_mods"],
input[name="attr_ship_tab"][value="ship-suites"] ~ button[name="act_ship_tab_suites"],
input[name="attr_ship_tab"][value="ship-options"] ~ button[name="act_ship_tab_options"],
/*Whisper*/
input[name="attr_whispertoggle"][value=""] ~ button[name="act_wtype_public"],
input[name="attr_whispertoggle"][value*="gm"] ~ button[name="act_wtype_whisper"],
/*Advantages*/
input[name="attr_advantagetoggle"]:not([value*="disadvantage"])[value*="advantage"] ~ button[name="act_adv_advantage"],
input[name="attr_advantagetoggle"][value*="normal"] ~ button[name="act_adv_normal"],
input[name="attr_advantagetoggle"][value*="disadvantage"] ~ button[name="act_adv_disadvantage"]{
background-color: #EC2127;
color: white;
}
}
.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.powers {
display: block;
}
.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.core,
.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.bio,
.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.options {
/*PC TABS*/
.tab.core,
.tab.bio,
.tab.powers,
.tab.options,
/*SHIP TABS*/
.tab.ship-core,
.tab.ship-suites,
.tab.ship-cargo,
.tab.ship-mods,
/* NPC POWERS */
.npc-powers{
display: none;
}
.npc_toggle[value="2"] ~ .ship .tab.ship-core,
.npc_toggle[value="2"] ~ .ship .tab.ship-cargo,
.npc_toggle[value="2"] ~ .ship .tab.ship-mods,
.npc_toggle[value="2"] ~ .ship .tab.ship-suites {
display: none;
/*PC TAB SELECTED */
input[name="attr_tab"][value="core"] ~ .tab.core,
input[name="attr_tab"][value="bio"] ~ .tab.bio,
input[name="attr_tab"][value="powers"] ~ .tab.powers,
input[name="attr_tab"][value="options"] ~ .tab.options,
/*SHIP TAB SELECTED */
input[name="attr_ship_tab"][value="ship-core"] ~ .tab.ship-core,
input[name="attr_ship_tab"][value="ship-options"] ~ .tab.options,
input[name="attr_ship_tab"][value="ship-suites"] ~ .tab.ship-suites,
input[name="attr_ship_tab"][value="ship-cargo"] ~ .tab.ship-cargo,
input[name="attr_ship_tab"][value="ship-mods"] ~ .tab.ship-mods,
/*NPC POWERS SELECTED*/
input[name="attr_npcpowercastingflag"][value="1"] ~ .npc-powers{
display: flex;
flex-direction:column;
}
.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.powers .body {
visibility: visible;
}
.npc_toggle[value="1"] + .npcpowercastingflag[value="1"] ~ .pc .tab.powers .body .col {
display: block;
}
.conditional-visibility,
.options .sheet-row.conditional-visibility {
display: none;
}
.npc_toggle[value="1"] ~ .advantagetoggle input[type=radio] + span {
text-transform: lowercase;
font-variant: small-caps;
font-weight: normal;
background: transparent;
border: none;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.npc_toggle[value="1"] ~ .advantagetoggle input[type=radio] + span:first-letter {
text-transform: uppercase;
}
.npc_toggle[value="1"] ~ .advantagetoggle input[type=radio] + span > span.togm {
text-transform: uppercase;
}
.npc_toggle[value="1"] ~ .advantagetoggle input[type=radio]:checked + span {
font-weight: bold;
color: rgb(126, 45, 64);
}
.tab {
display: none;
}
input[type=radio].tab-button.core:checked ~ .tab.core,
input[type=radio].tab-button.bio:checked ~ .tab.bio,
input[type=radio].tab-button.powers:checked ~ .tab.powers,
input[type=radio].tab-button.options:checked ~ .tab.options,
input[type=radio].tab-button.ship-core:checked ~ .tab.ship-core,
input[type=radio].tab-button.ship-cargo:checked ~ .tab.ship-cargo,
input[type=radio].tab-button.ship-mods:checked ~ .tab.ship-mods,
input[type=radio].tab-button.ship-suites:checked ~ .tab.ship-suites {
display: block;
}
input[type=radio].tab-button.core,
input[type=radio].tab-button.core + span {
right: calc(121px + 2rem);
width: 45px;
}
input[type=radio].tab-button.ship-core,
input[type=radio].tab-button.ship-core + span {
height: 15px;
right: calc(100px + 2rem);
width: 80px;
}
input[type=radio].tab-button.ship-cargo,
input[type=radio].tab-button.ship-cargo + span {
height: 15px;
right: calc(20px + 2rem);
width: 80px;
}
input[type=radio].tab-button.ship-mods,
input[type=radio].tab-button.ship-mods + span {
top: 110px;
height: 15px;
right: calc(100px + 2rem);
width: 80px;
}
input[type=radio].tab-button.ship-suites,
input[type=radio].tab-button.ship-suites + span {
top: 110px;
height: 15px;
right: calc(20px + 2rem);
width: 80px;
}
input[type=radio].tab-button.bio,
input[type=radio].tab-button.bio + span {
right: calc(88px + 2rem);
width: 30px;
}
input[type=radio].tab-button.powers,
input[type=radio].tab-button.powers + span {
right: calc(20px + 2rem);
width: 65px;
}
/* Switch between complex & simple data */
.equipment .complex,
StarWars5E/src/css/legacy.css
+33 -28
View File
@@ -383,7 +383,7 @@ button[type=roll] * {
font-weight: bold;
}
.charsheet .ship .insp-prof-container .value input[type=number] {
.ship .insp-prof-container .value input[type=number] {
width: 140%;
}
@@ -531,7 +531,7 @@ button[type=roll] * {
.textbox span,
.tool_proficiencies span,
.proficiencies span,
.powers span,
.powers .body span,
.options .body span {
display: block;
font-size: 9px;
@@ -1267,6 +1267,7 @@ button[type=roll] * {
}
.power .display button[type=roll] {
display:flex;
background-color: transparent;
color: black;
border-top: none;
@@ -1287,17 +1288,16 @@ button[type=roll] * {
content: "" !important;
}
span.powerritual,
span.powerconcentration {
.powers .body span.powerritual,
.powers .body span.powerconcentration {
display: none;
font-size: 8px;
font-weight: normal;
margin-top: 0;
color: white;
background-color: black;
position: absolute;
width: 10px;
height: 10px;
width: 1rem;
height: 1rem;
top: 0;
line-height: 10px;
}
@@ -1307,7 +1307,7 @@ span.powerconcentration {
right: 11px;
}
.powericon_flag:not([value="none"]) + .body .power .display .powerconcentration:not([value="0"]) ~ span.powerconcentration {
.powers .body .power .display .powerconcentration:not([value="0"]) ~ span.powerconcentration {
border-radius: 100%;
display: inline-block;
right: 0;
@@ -1363,7 +1363,7 @@ span.powerconcentration {
max-width: 220px;
}
.power .display .prep ~ span.powername {
.powers .body .power .display .prep ~ span.powername {
margin-left: 14px;
}
@@ -1612,7 +1612,7 @@ span.powerconcentration {
position: relative;
}
.power .prep {
.powers .body .power .prep {
width: 10px;
height: 10px;
border-radius: 50%;
@@ -1621,11 +1621,14 @@ span.powerconcentration {
border: 1px solid black;
}
.power input[type=checkbox]:checked ~ span.prep {
.powers .body .power input[type=checkbox]:checked ~ span.prep {
background-color: #EC2127;
}
.power .prep-box {
.powers .options .flex-row{
margin-bottom: 0.2rem;
}
.powers .body .power .prep-box {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
opacity: 0;
@@ -1634,7 +1637,7 @@ span.powerconcentration {
width: 12px
}
.charsheet .power .display button[type=roll].powercard {
.power .display button[type=roll].powercard {
width: calc(100% - 18px);
}
@@ -2276,7 +2279,7 @@ span.powerconcentration {
pointer-events: none;
}
.charsheet .options .body .version input[type="text"] {
.options .body .version input[type="text"] {
border-bottom: none;
width: 20px;
}
@@ -2285,8 +2288,8 @@ span.powerconcentration {
display: none;
}
.charsheet .powers .powerattackinfoflag[value="ATTACK"] ~ .powerattackinfo,
.charsheet .npc .powerattackinfoflag[value="ATTACK"] ~ .powerattackinfo {
.powers .powerattackinfoflag[value="ATTACK"] ~ .powerattackinfo,
npc .powerattackinfoflag[value="ATTACK"] ~ .powerattackinfo {
display: block;
}
@@ -2323,7 +2326,7 @@ span.powerconcentration {
width: 74px;
}
.charsheet .hlabel-container .multiclass-display {
.hlabel-container .multiclass-display {
width: 57px;
font-size: 13px;
border-bottom: 1px solid #D3D3D3;
@@ -2334,7 +2337,7 @@ span.powerconcentration {
text-overflow: ellipsis;
}
.charsheet .hlabel-container .multiclass-display-level {
.hlabel-container .multiclass-display-level {
width: 31px;
text-align: center;
font-size: 13px;
@@ -2344,7 +2347,7 @@ span.powerconcentration {
overflow: hidden;
}
.charsheet .hlabel-container input.class-level {
.hlabel-container input.class-level {
margin-left: -6px;
width: 34px;
}
@@ -2464,11 +2467,11 @@ span.powerconcentration {
cursor: pointer !important;
}
.charsheet .options .sheet-row span.transition_text {
.options .sheet-row span.transition_text {
color: #A0A0A0;
}
.charsheet .options .sheet-row span.transition_text_highlight {
.options .sheet-row span.transition_text_highlight {
color: #F00;
}
@@ -2501,6 +2504,15 @@ span.powerconcentration {
display: none;
}
.npc-powers{
padding: 0.75rem 2rem 0;
.body{
box-sizing: border-box;
width: 100%;
margin:0;
padding: 1rem 0 0;
}
}
.missing-info-flag[value="1"] + .missing-info,
.missing-info:hover .missing-info-desc,
.missing-info-desc:hover {
@@ -2512,9 +2524,6 @@ span.powerconcentration {
display: none;
}
.npcpower_flag[value="1"] + .actions.npcpower.powers {
display: block;
}
.powers .innate {
color: #A0A0A0;
@@ -2523,10 +2532,6 @@ span.powerconcentration {
font-weight: normal;
}
.innate:before {
content: ", "
}
.innate_flag:not([value=""]) + .innate {
display: inline;
}
StarWars5E/src/html/common/adv-btn-group.html
+7
View File
@@ -0,0 +1,7 @@
<input type="hidden" name="attr_rtype">
<div class="adv-btn-group">
<input type="hidden" name="attr_advantagetoggle" value="{{query=1}} {{normal=1}} {{r2=[[0d20">
<button type="action" name="act_adv_advantage"><span data-i18n="adv-u">ADVANTAGE</span></button>
<button type="action" name="act_adv_normal"><span data-i18n="norm-u">NORMAL</span></button>
<button type="action" name="act_adv_disadvantage"><span data-i18n="disadv-u">DISADVANTAGE</span></button>
</div>
StarWars5E/src/html/common/gm-btn-group.html
+7
View File
@@ -0,0 +1,7 @@
<input type="hidden" class="toggleflag" name="attr_wtype">
<div class="gm-btn-group">
<input name="attr_whispertoggle" type="hidden" value="">
<button type="action" name="act_wtype_public"><span data-i18n="public:-u">PUBLIC</span></button>
<button type="action" name="act_wtype_whisper"><span data-i18n="to-gm:-u">TO <span class="togm">GM</span></button>
</div>
StarWars5E/src/html/pc/powers.html → StarWars5E/src/html/common/powers.html
+221 -221
View File
File diff suppressed because it is too large Load Diff
StarWars5E/src/html/header.html
+1 -21
View File
@@ -1,21 +1 @@
<input class="monster_confirm_flag" type="hidden" name="attr_monster_confirm_flag">
<input class="npc_toggle" name="attr_npc" type="hidden" value="0">
<input type="hidden" class="npcpowercastingflag" name="attr_npcpowercastingflag">
<input type="hidden" class="toggleflag" name="attr_rtype">
<div class="advantagetoggle">
<input type="radio" class="toggle-left" name="attr_advantagetoggle"
value="{{query=1}} {{advantage=1}} {{r2=[[@{d20}"><span data-i18n="adv-u">ADVANTAGE</span>
<input type="radio" class="toggle-center" name="attr_advantagetoggle" value="{{query=1}} {{normal=1}} {{r2=[[0d20"
checked="checked"><span data-i18n="norm-u">NORMAL</span>
<input type="radio" class="toggle-right" name="attr_advantagetoggle"
value="{{query=1}} {{disadvantage=1}} {{r2=[[@{d20}"><span data-i18n="disadv-u">DISADVANTAGE</span>
</div>
<input type="hidden" class="toggleflag" name="attr_wtype">
<div class="advantagetoggle whispertoggle">
<input type="radio" class="toggle-left" name="attr_whispertoggle" value="" checked="checked"><span
data-i18n="public:-u">PUBLIC</span>
<input type="radio" class="toggle-right" name="attr_whispertoggle" value="/w gm "><span
data-i18n="to-gm:-u">TO <span class="togm">GM</span></span>
</div>
<input class="npc_toggle" name="attr_npc" type="hidden" value="0">
StarWars5E/src/html/main.html
+1 -1
View File
@@ -1,4 +1,4 @@
<div class="licensecontainer compendium-drop-target monsters">
<div class="container">
<!-- HEADER -->
<!--=include header.html -->
StarWars5E/src/html/npc.html
+9
View File
@@ -926,5 +926,14 @@
</div>
</div>
<input type="hidden" name="attr_npcpowercastingflag">
<div class="powers npc-powers">
<div class="sheet-row title red">
<span data-i18n="powers-u">POWERS</span>
</div>
<div class="triangle"></div>
<!--=include common/powers.html-->
</div>
<!--=include common/footer.html -->
</div>
StarWars5E/src/html/pc/button-row.html
+13
View File
@@ -0,0 +1,13 @@
<div class="button-row flex-row flex-justify-sb">
<!--=include ../common/gm-btn-group.html -->
<!--=include ../common/adv-btn-group.html -->
<div class="pc-btn-group">
<input type="hidden" name="attr_tab">
<button type="action" name="act_tab_core"><span data-i18n="core-u">CORE</span></button>
<button type="action" name="act_tab_bio"><span data-i18n="bio-u">BIO</span></button>
<button type="action" name="act_tab_powers"><span data-i18n="powers-u">POWERS</span></button>
<button type="action" name="act_tab_options"><span style="font-family: pictos">y</span></button>
</div>
</div>
StarWars5E/src/html/pc/template.html
+6 -7
View File
@@ -1,31 +1,30 @@
<div class="container pc">
<input class="tab-button core" type="radio" name="attr_tab" value="core" checked="checked"><span data-i18n="core-u">CORE</span>
<input class="tab-button bio" type="radio" name="attr_tab" value="bio"><span data-i18n="bio-u">BIO</span>
<input class="tab-button powers" type="radio" name="attr_tab" value="powers"><span data-i18n="powers-u">POWERS</span>
<input class="tab-button options" type="radio" name="attr_tab" value="options"><span style="font-family: pictos">y</span>
<input type="hidden" name="attr_tab" value="core">
<div class="tab core">
<!--=include header-core.html -->
<!--=include button-row.html-->
<!--=include core.html -->
</div>
<div class="tab bio">
<!--=include header-bio.html -->
<!--=include button-row.html-->
<!--=include bio.html -->
</div>
<div class="tab powers">
<!--=include header-powers.html -->
<input type="hidden" class="powericon_flag" name="attr_powericon_flag" value="all">
<!--=include powers.html -->
<!--=include button-row.html-->
<!--=include ../common/powers.html -->
</div>
<div class="tab options">
<!--=include header-core.html -->
<!--=include button-row.html-->
<!--=include config.html -->
</div>
<!-- no include dropcatchers.html -->
<!--=include ../common/footer.html -->
</div>
StarWars5E/src/html/ship/button-row.html
+14
View File
@@ -0,0 +1,14 @@
<div class="button-row flex-row flex-justify-sb">
<!--=include ../common/gm-btn-group.html -->
<!--=include ../common/adv-btn-group.html -->
<div class="ship-btn-group">
<input type="hidden" name="attr_ship_tab">
<button type="action" name="act_ship_tab_core"><span data-i18n="core-u">CORE</span></button>
<button type="action" name="act_ship_tab_cargo"><span data-i18n="ship-cargo-tab-u">CARGO</span></button>
<button type="action" name="act_ship_tab_mods"><span data-i18n="ship-mods-tab-u">MODS</span></button>
<button type="action" name="act_ship_tab_suites"><span data-i18n="ship-suites-tab-u">SUITES</span></button>
<button type="action" name="act_ship_tab_options"><span style="font-family: pictos">y</span></button>
</div>
</div>
StarWars5E/src/html/ship/template.html
+6 -6
View File
@@ -1,34 +1,34 @@
<div class="container ship">
<input class="tab-button ship-core" type="radio" name="attr_ship_tab" value="ship-core" checked="checked"><span data-i18n="core-u">CORE</span>
<input class="tab-button ship-cargo" type="radio" name="attr_ship_tab" value="ship-cargo"><span data-i18n="ship-cargo-tab-u">CARGO</span>
<input class="tab-button ship-mods" type="radio" name="attr_ship_tab" value="ship-mods"><span data-i18n="ship-mods-tab-u">MODS</span>
<input class="tab-button ship-suites" type="radio" name="attr_ship_tab" value="ship-suites"><span data-i18n="ship-suites-tab-u">SUITES</span>
<input class="tab-button options" type="radio" name="attr_ship_tab" value="options"><span style="font-family: pictos">y</span>
<input type="hidden" name="attr_ship_tab" value="ship-core">
<div class="tab ship-suites">
<!-- =include header.html -->
<!--=include button-row.html-->
<!-- =include suites.html -->
</div>
<div class="tab ship-mods">
<!-- =include header.html -->
<!--=include button-row.html-->
<!-- =include mods.html -->
</div>
<div class="tab ship-cargo">
<!-- =include header.html -->
<!--=include button-row.html-->
<!-- =include cargo.html -->
</div>
<div class="tab ship-core">
<!-- =include header.html -->
<!--=include button-row.html-->
<!-- =include core.html -->
</div>
<div class="tab options">
<!-- =include header.html -->
<!--=include button-row.html-->
<!-- =include config.html -->
</div>
<!--=include ../common/footer.html -->
StarWars5E/src/js/actions.js
+57
View File
@@ -0,0 +1,57 @@
on("clicked:adv_advantage", () =>{
setAttrs({"advantagetoggle":"{{query=1}} {{advantage=1}} {{r2=[[0d20"});
});
on("clicked:adv_normal", () =>{
setAttrs({"advantagetoggle":"{{query=1}} {{normal=1}} {{r2=[[0d20"});
});
on("clicked:adv_disadvantage", () =>{
setAttrs({"advantagetoggle":"{{query=1}} {{disadvantage=1}} {{r2=[[0d20"});
});
on("clicked:wtype_public", () =>{
setAttrs({"whispertoggle":""});
});
on("clicked:wtype_whisper", () =>{
setAttrs({"whispertoggle":"/w gm"});
});
on("clicked:tab_core", () => {
setAttrs({"tab":"core"});
});
on("clicked:tab_bio", () => {
setAttrs({"tab":"bio"});
});
on("clicked:tab_powers", () => {
setAttrs({"tab":"powers"});
});
on("clicked:tab_options", () => {
setAttrs({"tab":"options"});
});
on("clicked:ship_tab_options", () => {
setAttrs({"ship_tab":"ship-options"});
});
on("clicked:ship_tab_core", () => {
setAttrs({"ship_tab":"ship-core"});
});
on("clicked:ship_tab_mods", () => {
setAttrs({"ship_tab":"ship-mods"});
});
on("clicked:ship_tab_cargo", () => {
setAttrs({"ship_tab":"ship-cargo"});
});
on("clicked:ship_tab_suites", () => {
setAttrs({"ship_tab":"ship-suites"});
});
StarWars5E/src/js/main.js
+2 -1
View File
@@ -1,4 +1,5 @@
//=require tools.js
//=require utility_functions.js
//=require event_handlers.js
//=require upgrade.js
//=require upgrade.js
//=require actions.js