Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-09-08 16:12:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

skills use new span to align better

Browse Source
This commit is contained in:
Mark
2016-02-18 20:47:14 +01:00
parent 83ad8e7dda
commit 68059e06a4
4 changed files with 32 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
D&D_5e_Shaped/D&D_5e.css
+1 -1
View File
File diff suppressed because one or more lines are too long
D&D_5e_Shaped/D&D_5e.html
+1 -1
View File
File diff suppressed because one or more lines are too long
D&D_5e_Shaped/precompiled/D&D_5e.scss
+23 -15
View File
@@ -136,18 +136,20 @@ input, select, textarea,
button {
//overwrite roll20
&[type=roll] {
background-color: transparent !important;
background-image: none;
border: 0;
box-shadow: none;
-webkit-box-shadow: none;
font-size: inherit !important;
margin: 0 !important;
padding: 0 !important;
text-align: inherit;
text-shadow: initial;
&.btn {
background-color: transparent;
font-size: inherit;
margin: 0;
padding: 0;
}
&::before {
content: '' !important;
}
@@ -209,7 +211,6 @@ button {
box-shadow: none;
margin-bottom: 0 !important;
padding: 1px;
width: 100% !important;
&.sheet-no-border {
border-bottom: 0;
@@ -220,6 +221,17 @@ button {
}
}
.sheet-border-bottom {
border-bottom: 1px solid #ddd;
}
input[type=number],
input[type=text],
select,
textarea {
width: 100% !important;
}
.sheet-rolltemplate-5e-shaped {
.sheet-no-border {
border-bottom: 0 !important;
@@ -264,6 +276,7 @@ input[readonly]::-webkit-outer-spin-button{
$sizes: (
sm: 2,
smd: 4,
md: 5,
lg: 10,
xl: 15,
@@ -1414,15 +1427,6 @@ input[class^='sheet-toggle-page-']:checked + span[class^='sheet-toggle-page-'] {
padding: 3px;
}
.sheet-action-button-group {
position: absolute;
right: 2px;
top: 2px;
button[type=roll] {
margin: 0 0 0 3px;
}
}
input[readonly] {
background-color: inherit;
cursor: inherit;
@@ -1924,6 +1928,10 @@ textarea {
width: 8.33333%;
}
.sheet-col-2-em {
width: 2em;
}
@for $i from 01 through 100 {
$width-name: $i;
@if $i < 10 {
D&D_5e_Shaped/precompiled/components/core/skills.html
+7 -15
View File
@@ -31,21 +31,13 @@
</select>
</span>
</div>
<div class="col-69">
<input type="hidden" name="attr_formula">
<input type="hidden" name="attr_ability_short_name">
<button type="roll" name="roll_skill" value="@{output_option} &{template:5e-shaped} {{ability=1}} {{character_name=@{character_name}}} @{show_character_name} {{title=@{name} (@{ability_short_name})}} {{subheader=Ability Check}} {{roll_toggle=1}} {{roll1=[[d20@{d20_mod} + @{formula}]]}} @{roll_setting}@{d20_mod} + @{formula}]]}} @{attacher_skill}" tabindex="-1">
<div class="shaped-row">
<div class="col-25">
<input type="number" name="attr_total" class="bold" readonly tabindex="-1">
</div>
<div class="col-75 skill-name">
<input type="text" name="attr_name" class="skill-name no-border" placeholder="see settings" readonly tabindex="-1">
</div>
</div>
</button>
</div>
<div class="skills-ability-selector-wrapper">
<input type="hidden" name="attr_formula">
<input type="hidden" name="attr_ability_short_name">
<button type="roll" name="roll_skill" class="shaped-row no-wrap vert-center" value="@{output_option} &{template:5e-shaped} {{ability=1}} {{character_name=@{character_name}}} @{show_character_name} {{title=@{name} (@{ability_short_name})}} {{subheader=Ability Check}} {{roll_toggle=1}} {{roll1=[[d20@{d20_mod} + @{formula}]]}} @{roll_setting}@{d20_mod} + @{formula}]]}} @{attacher_skill}" tabindex="-1">
<span name="attr_total" class="col-2-em inline-block center bold border-bottom"></span>
<span name="attr_name" class="skill-name"></span>
</button>
<div class="skills-ability-selector-wrapper pad-l-smd">
<span class="en">
<select name="attr_ability" class="skills-ability-selector">
<option value="@{strength_mod}">Str</option>