feature: Restored the dice preview icon for stat rollers

- Restored the content to the before tag for the stat roller buttons to make it more obvious that there's a button there
- Moved the roll-type button css rules around to put them in alphabetical order for better readability
This commit is contained in:
Ian Merryweather
2020-12-07 12:32:37 +00:00
parent 0a7e42cd8c
commit fefba39f2f
+31 -28
View File
@@ -630,34 +630,6 @@ input.sheet-select-hybrid:checked ~ div.sheet-tab-hybrid {
outline: none;
}
button[type="roll"].sheet-stat-roller {
align-items: center;
background: #00000000;
border: none;
box-shadow: none;
font-size: 1em;
font-style: italic;
font-weight: bold;
padding: 0px 10px;
margin: 5px 0px;
text-shadow: none;
}
button[type="roll"].sheet-stat-roller:hover {
box-shadow: inset 0 1px 0 #ffffff80, 0 1px 2px #00000080;
transition-duration: 0.1s;
}
button[type="roll"].sheet-stat-roller:active {
box-shadow: inset 0 1px 2px #00000080, 0 1px 2px #ffffff80;
transition-duration: 0.1s;
}
button[type="roll"].sheet-move-roller:before,
button[type="roll"].sheet-stat-roller:before {
content: "";
}
button[type="roll"].sheet-atk-skill:hover {
background-color: var(--stat-ro-atk);
}
@@ -693,6 +665,10 @@ button[type="roll"].sheet-move-roller {
color: var(--poke-foreground-color);
}
button[type="roll"].sheet-move-roller:before {
content: "";
}
button[type="roll"].sheet-skill-roller {
background: transparent;
border: 2px var(--poke-foreground-color);
@@ -704,6 +680,33 @@ button[type="roll"].sheet-skill-roller {
text-shadow: 0 0 transparent;
}
button[type="roll"].sheet-stat-roller {
align-items: center;
background: #00000000;
border: none;
box-shadow: none;
font-size: 1em;
font-style: italic;
font-weight: bold;
padding: 0px 10px;
margin: 5px 0px;
text-shadow: none;
}
button[type="roll"].sheet-stat-roller:active {
box-shadow: inset 0 1px 2px #00000080, 0 1px 2px #ffffff80;
transition-duration: 0.1s;
}
button[type="roll"].sheet-stat-roller:before {
font-style: normal;
}
button[type="roll"].sheet-stat-roller:hover {
box-shadow: inset 0 1px 0 #ffffff80, 0 1px 2px #00000080;
transition-duration: 0.1s;
}
.sheet-move-notes-roller {
display: flex;
flex-wrap: nowrap;