dragonleo/foundry-sw5e
1
0
Fork 0
forked from GitHub-Mirrors/foundry-sw5e
Code Issues Pull requests Projects Releases Wiki Activity

Added a css fix to correctly size Midi QOL chat images

Browse source
This commit is contained in:
TJ 2020-12-07 21:11:02 -06:00
parent b45adbd67c
commit de69028910
8 changed files with 89 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

42
sw5e.css
View file

@ -1244,20 +1244,24 @@
/* ----------------------------------------- */
/* Chat Cards
/* ----------------------------------------- */
.sw5e.chat-card {
.sw5e.chat-card,
.midi-qol-item-card {
font-style: normal;
font-size: 12px;
}
.sw5e.chat-card .card-header {
.sw5e.chat-card .card-header,
.midi-qol-item-card .card-header {
padding: 3px 0;
border-top: 2px groove #FFF;
border-bottom: 2px groove #FFF;
}
.sw5e.chat-card .card-header img {
.sw5e.chat-card .card-header img,
.midi-qol-item-card .card-header img {
flex: 0 0 36px;
margin-right: 5px;
}
.sw5e.chat-card .card-header h3 {
.sw5e.chat-card .card-header h3,
.midi-qol-item-card .card-header h3 {
flex: 1;
margin: 0;
line-height: 36px;
@ -1266,49 +1270,59 @@
font-weight: 400;
color: #4b4a44;
}
.sw5e.chat-card .card-header h3:hover {
.sw5e.chat-card .card-header h3:hover,
.midi-qol-item-card .card-header h3:hover {
color: #111;
text-shadow: 0 0 10px red;
}
.sw5e.chat-card .card-content {
.sw5e.chat-card .card-content,
.midi-qol-item-card .card-content {
margin: 5px 0;
}
.sw5e.chat-card .card-content h3 {
.sw5e.chat-card .card-content h3,
.midi-qol-item-card .card-content h3 {
font-size: 12px;
margin: 0;
font-weight: bold;
}
.sw5e.chat-card .card-content > * {
.sw5e.chat-card .card-content > *,
.midi-qol-item-card .card-content > * {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.sw5e.chat-card .card-buttons {
.sw5e.chat-card .card-buttons,
.midi-qol-item-card .card-buttons {
margin: 5px 0;
}
.sw5e.chat-card .card-buttons span {
.sw5e.chat-card .card-buttons span,
.midi-qol-item-card .card-buttons span {
display: block;
line-height: 28px;
text-align: center;
border: 1px solid #CCC;
}
.sw5e.chat-card .card-buttons button {
.sw5e.chat-card .card-buttons button,
.midi-qol-item-card .card-buttons button {
font-size: 12px;
height: 24px;
line-height: 20px;
margin: 2px 0;
}
.sw5e.chat-card .card-footer {
.sw5e.chat-card .card-footer,
.midi-qol-item-card .card-footer {
padding: 3px 0 0;
border-top: 2px groove #FFF;
}
.sw5e.chat-card .card-footer span {
.sw5e.chat-card .card-footer span,
.midi-qol-item-card .card-footer span {
border-right: 2px groove #FFF;
padding: 0 5px 0 0;
font-size: 10px;
}
.sw5e.chat-card .card-footer span:last-child {
.sw5e.chat-card .card-footer span:last-child,
.midi-qol-item-card .card-footer span:last-child {
border-right: none;
padding-right: 0;
}