Added a css fix to correctly size Midi QOL chat images

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

View file

@ -371,15 +371,18 @@ input[type="reset"]:disabled {
.notification-pip {
color: #0d99cc;
}
.sw5e.chat-card .card-header {
.sw5e.chat-card .card-header,
.midi-qol-item-card .card-header {
padding: 0;
border: none;
}
.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: 4px;
}
.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;
@ -389,32 +392,39 @@ input[type="reset"]:disabled {
letter-spacing: 0.5px;
border-bottom: none;
}
.sw5e.chat-card .card-header h3:hover {
.sw5e.chat-card .card-header h3:hover,
.midi-qol-item-card .card-header h3:hover {
text-shadow: none;
}
.sw5e.chat-card .card-content {
.sw5e.chat-card .card-content,
.midi-qol-item-card .card-content {
margin: 4px 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: 4px 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;
}
.sw5e.chat-card .card-buttons button {
.sw5e.chat-card .card-buttons button,
.midi-qol-item-card .card-buttons button {
font-family: 'Open Sans';
font-size: 13px;
font-weight: 700;
@ -426,17 +436,22 @@ input[type="reset"]:disabled {
border-radius: 4px;
}
.sw5e.chat-card .card-buttons button:hover,
.sw5e.chat-card .card-buttons button:focus {
.midi-qol-item-card .card-buttons button:hover,
.sw5e.chat-card .card-buttons button:focus,
.midi-qol-item-card .card-buttons button:focus {
box-shadow: none;
}
.sw5e.chat-card .card-footer {
.sw5e.chat-card .card-footer,
.midi-qol-item-card .card-footer {
padding: 4px 0 0;
}
.sw5e.chat-card .card-footer span {
.sw5e.chat-card .card-footer span,
.midi-qol-item-card .card-footer span {
padding: 0 4px 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;
}