small style updates

This commit is contained in:
Nathanael Phillips 2020-11-09 07:27:16 -07:00
parent 105ebc16b7
commit 0dba80c85a
7 changed files with 187 additions and 25 deletions

View file

@ -34,10 +34,14 @@
}
.sw5e.sheet.actor {
input, select, textarea {
border-color: transparent;
background: none;
}
.swalt-sheet {
display: grid;
grid-template-rows: 182px 40px auto;
grid-template-rows: 182px 36px auto;
section>h1 {
.russoOne(17px);
@ -51,7 +55,7 @@
grid-template-columns: 128px 1fr;
column-gap: 8px;
row-gap: 8px;
img {
grid-column-start: 1;
grid-row-start: 1;
@ -74,7 +78,8 @@
.russoOne(32px);
text-transform: uppercase;
height: auto;
border: none;
background: none;
&:focus {
text-transform: none;
}
@ -189,7 +194,7 @@
}
footer {
button {
background: none;
@ -253,8 +258,8 @@
border-bottom: 3px solid transparent;
border-radius: 0;
margin: 0;
padding: 0 0 8px;
line-height: 1.6;
padding: 3px 0 0;
line-height: 1;
.russoOne(16px);
}
}
@ -794,6 +799,7 @@
}
.attribute-footer {
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr;
@ -818,7 +824,7 @@
h4 {
font-size: 13px;
margin: 0;
//display: inline;
&.rollable {
&:hover {

View file

@ -28,13 +28,21 @@
.sw5e.sheet.actor {
color: @colorBlack;
input, select, textarea {
&:hover {
border-color: @inputBorderFocus;
}
&:focus {
border-color: @inputBorderFocus;
}
}
.swalt-sheet {
section>h1 {
border-bottom: 2px solid @colorBlue;
}
header {
h1.character-name {
color: @actorNameColor;
@ -247,7 +255,9 @@
&:nth-child(even) {
background-color: @actorSkillsAltRowColor;
}
.proficiency-toggle {
color: @colorBlack;
}
.skill-name {
&:hover {

View file

@ -46,4 +46,31 @@
border: none;
margin-top: 4px;
}
}
.dialog-buttons {
margin-top: 8px;
button:last-child {
margin-right: 0;
}
button:not(.default) {
border: 1px solid @buttonBackground;
margin-right: 4px;
background: @buttonSecondaryBackground;
color: @buttonSecondaryTextColor;
&:hover {
background: @buttonSecondaryHoverBackground;
}
}
button.normal.default {
border: none;
background: @buttonBackground;
color: @buttonTextColor;
&:hover {
background: @buttonHoverBackground;
}
}
}