forked from GitHub-Mirrors/foundry-sw5e
Added a css fix to correctly size Midi QOL chat images
This commit is contained in:
TJ
parent
b45adbd67c
commit
de69028910
8 changed files with 89 additions and 44 deletions
|
|
@ -4,7 +4,8 @@
|
|||
/* Chat Cards
|
||||
/* ----------------------------------------- */
|
||||
|
||||
.sw5e.chat-card {
|
||||
.sw5e.chat-card,
|
||||
.midi-qol-item-card {
|
||||
font-style: normal;
|
||||
font-size: 12px;
|
||||
|
||||
|
|
|
|||
|
|
@ -54,7 +54,8 @@
|
|||
color: @colorBlue;
|
||||
}
|
||||
|
||||
.sw5e.chat-card {
|
||||
.sw5e.chat-card,
|
||||
.midi-qol-item-card {
|
||||
.card-header {
|
||||
padding: 0;
|
||||
border: none;
|
||||
|
|
|
|||
|
|
@ -31,7 +31,8 @@
|
|||
color: @chatNotificationColor;
|
||||
}
|
||||
|
||||
.sw5e.chat-card {
|
||||
.sw5e.chat-card,
|
||||
.midi-qol-item-card {
|
||||
|
||||
.card-header {
|
||||
h3 {
|
||||
|
|
|
|||
|
|
@ -51,7 +51,8 @@
|
|||
|
||||
}
|
||||
|
||||
.sw5e.chat-card {
|
||||
.sw5e.chat-card,
|
||||
.midi-qol-item-card {
|
||||
font-size: 13px;
|
||||
|
||||
.card-header {
|
||||
|
|
|
|||
|
|
@ -182,22 +182,28 @@ body.dark-theme #chat-log .chat-message > header span {
|
|||
body.dark-theme .notification-pip {
|
||||
color: #0d99cc;
|
||||
}
|
||||
body.dark-theme .sw5e.chat-card .card-header h3 {
|
||||
body.dark-theme .sw5e.chat-card .card-header h3,
|
||||
body.dark-theme .midi-qol-item-card .card-header h3 {
|
||||
color: white;
|
||||
}
|
||||
body.dark-theme .sw5e.chat-card .card-header h3:hover {
|
||||
body.dark-theme .sw5e.chat-card .card-header h3:hover,
|
||||
body.dark-theme .midi-qol-item-card .card-header h3:hover {
|
||||
color: white;
|
||||
}
|
||||
body.dark-theme .sw5e.chat-card .card-buttons span {
|
||||
body.dark-theme .sw5e.chat-card .card-buttons span,
|
||||
body.dark-theme .midi-qol-item-card .card-buttons span {
|
||||
border: 1px solid #828282;
|
||||
}
|
||||
body.dark-theme .sw5e.chat-card .card-footer {
|
||||
body.dark-theme .sw5e.chat-card .card-footer,
|
||||
body.dark-theme .midi-qol-item-card .card-footer {
|
||||
border-top: 1px solid #7ed6f7;
|
||||
}
|
||||
body.dark-theme .sw5e.chat-card .card-footer span {
|
||||
body.dark-theme .sw5e.chat-card .card-footer span,
|
||||
body.dark-theme .midi-qol-item-card .card-footer span {
|
||||
border-right: 1px solid #D6D6D6;
|
||||
}
|
||||
body.dark-theme .sw5e.chat-card .card-footer span:last-child {
|
||||
body.dark-theme .sw5e.chat-card .card-footer span:last-child,
|
||||
body.dark-theme .midi-qol-item-card .card-footer span:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
body.dark-theme .dice-roll .dice-formula {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -182,22 +182,28 @@ body.light-theme #chat-log .chat-message > header span {
|
|||
body.light-theme .notification-pip {
|
||||
color: #0d99cc;
|
||||
}
|
||||
body.light-theme .sw5e.chat-card .card-header h3 {
|
||||
body.light-theme .sw5e.chat-card .card-header h3,
|
||||
body.light-theme .midi-qol-item-card .card-header h3 {
|
||||
color: #1C1C1C;
|
||||
}
|
||||
body.light-theme .sw5e.chat-card .card-header h3:hover {
|
||||
body.light-theme .sw5e.chat-card .card-header h3:hover,
|
||||
body.light-theme .midi-qol-item-card .card-header h3:hover {
|
||||
color: #1C1C1C;
|
||||
}
|
||||
body.light-theme .sw5e.chat-card .card-buttons span {
|
||||
body.light-theme .sw5e.chat-card .card-buttons span,
|
||||
body.light-theme .midi-qol-item-card .card-buttons span {
|
||||
border: 1px solid #828282;
|
||||
}
|
||||
body.light-theme .sw5e.chat-card .card-footer {
|
||||
body.light-theme .sw5e.chat-card .card-footer,
|
||||
body.light-theme .midi-qol-item-card .card-footer {
|
||||
border-top: 1px solid #7ed6f7;
|
||||
}
|
||||
body.light-theme .sw5e.chat-card .card-footer span {
|
||||
body.light-theme .sw5e.chat-card .card-footer span,
|
||||
body.light-theme .midi-qol-item-card .card-footer span {
|
||||
border-right: 1px solid #D6D6D6;
|
||||
}
|
||||
body.light-theme .sw5e.chat-card .card-footer span:last-child {
|
||||
body.light-theme .sw5e.chat-card .card-footer span:last-child,
|
||||
body.light-theme .midi-qol-item-card .card-footer span:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
body.light-theme .dice-roll .dice-formula {
|
||||
|
|
|
|||
42
sw5e.css
42
sw5e.css
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue